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

Bertha 。 2022-05-08 13:20 368阅读 0赞

### 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，所以不能这样判断。

以上这篇js判断输入字符串是否为空、空格、null的方法总结就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。