JS判断输入框的值是否为空

最新推荐文章于 2025-09-30 04:08:55 发布

转载最新推荐文章于 2025-09-30 04:08:55 发布 · 2.1w 阅读

文章标签：

#js

js 专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍使用JavaScript判断输入框内容是否为空、仅含空格或为null的多种方法，包括去除前后空格、正则表达式匹配及类型检查。

JS判断输入框的值是否为空

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>JS判断输入框的值是否为空</title>
</head>
<body>
<input type="text" id="txt"/>
<input type="button" value="检测" id="btn">
<script>
    var oTxt = document.getElementById('txt');
 
    var oBtn = document.getElementById('btn');
    function isnull(val) {
 
        var str = val.replace(/(^\s*)|(\s*$)/g, '');//去除空格;
 
        if (str == '' || str == undefined || str == null) {
            //return true;
            console.log('空')
        } else {
            //return false;
            console.log('非空');
        }
    }
 
    oBtn.onclick = function () {
 
        isnull( oTxt.value );
 
    }
 
</script>
</body>
</html>

var strings = ''; 
if (string.length == 0) 
{ 
alert('不能为空'); 
}

判断字符串是否为“空”字符即用户输入了空格

var strings = ' '; 
if (strings.replace(/(^s*)|(s*$)/g, "").length ==0) 
{ 
alert('不能为空'); 
}

判断输入字符串是否为空或者全部都是空格

function isNull( str ){
	if ( str == "" ) 
		return true;
	var regu = "^[ ]+$";
	var re = new RegExp(regu);
	return re.test(str);
}

如果有null时上面代码就无法正常判断了，下面代码是判断为null的情况

var exp = null; 
if (exp == null) 
{ 
	alert("is null"); 
}

exp 为 undefined 时，也会得到与 null 相同的结果，虽然 null 和 undefined 不一样。

注意：要同时判断 null 和 undefined 时可使用本法。代码如下

var exp = null; 
if (!exp) 
{ 
alert("is null"); 
}

如果 exp 为 undefined，或数字零，或 false，也会得到与 null 相同的结果，虽然 null 和二者不一样。注意：要同时判断 null、undefined、数字零、false 时可使用本法。代码如下

var exp = null; 
if (typeof exp == "null") 
{ 
alert("is null"); 
}

为了向下兼容，exp 为 null 时，typeof null 总返回 object，所以不能这样判断。

<script type="text/javascript">
function testuser(){
var i= document.getElementByIdx_x("aa");
if (i.value=="null")
{
alert("请登录后再发表留言!")
return false;
}
else
{
alert(i.value)
return true;
}
}
</script>