JS中对input中内容做判断,如果为空,就让其显示0

JavaScript026

JS中对input中内容做判断,如果为空,就让其显示0,第1张

首先需要div布局,先需要将整体的框架布局起来:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>判断</title>

</head>

<body>

<input id="txt" type="text">

<script type="text/javascript">

var txt = document.getElementById('txt')

txt.onblur = function(){

if (txt.value == '') {

txt.value = '0'

}

}

</script>

</body>

</html>

HTML效果的截图如下:

这个效果最重要的代码如下:

<script type="text/javascript">

var txt = document.getElementById('txt')

txt.onblur = function(){

if (txt.value == '') {

txt.value = '0'

}

}

</script>

4.在浏览器里面浏览的如下:

== 存在隐式类型转换, 0 == null 这里 0 被转换为false 相当于 false == null 这样的返回值就是false, 0 == '' 这里的0 被转换为 false ,空字符串也被转换为false 这是就相当于 false == false ,所以就是true, 转换是因为null是属于类型, 所以不会再进行转换,而0和空字符串属于变量,所以就会进行转换,这里可以使用 === 来进行判断,可以得到你想要的结果。 ===是不会进行类型转换的

下面的示例是去除末尾的空格,即如果只输入了空格,请求将被拦截:

<script>

//去掉字串右边的空格

function rTrim(str)

{

var iLength

iLength = str.length

if (str.charAt(iLength - 1) == " ")

{

//如果字串右边第一个字符为空格

str = str.slice(0, iLength - 1)//将空格从字串中去掉

//这一句也可改成 str = str.substring(0, iLength - 1)

str = rTrim(str) //递归调用

}

return str

}

//变量

var name = "A A"

//去除空格

name=rTrim(name)

if (name){

alert("内容是:"+name+"")

}

</script>

下面的两个函数提供了去除左边的空格和两端空格的方法:

//去掉字串左边的空格

function lTrim(str)

{

if (str.charAt(0) == " ")

{

//如果字串左边第一个字符为空格

str = str.slice(1)//将空格从字串中去掉

//这一句也可改成 str = str.substring(1, str.length)

str = lTrim(str) //递归调用

}

return str

}

//去两端空格

function jtrim(sstr)

{

var astr=""

var dstr=""

var flag=0

for (i=0i<sstr.lengthi++)

{if ((sstr.charAt(i)!=' ')||(flag!=0))

{dstr+=sstr.charAt(i)

flag=1

}

}

flag=0

for (i=dstr.length-1i>=0i--)

{if ((dstr.charAt(i)!=' ')||(flag!=0))

{astr+=dstr.charAt(i)

flag=1

}

}

dstr=""

for (i=astr.length-1i>=0i--) dstr+=astr.charAt(i)

return dstr

}

当然,把前面两个函数一起调用也可以去掉两端空格

这个问题其实不难,如果你悬赏分高点会很多人帮你解决的