Js判断表单输入是否为空的小例子

发布时间:2020-09-11编辑:脚本学堂
本文分享一例js代码,用于判断表单输入是否为空,代码很简单,用于研究表单输入的验证方法还是不错的。

本节内容:
对JS判断表单输入是否为空。

例子:
 

复制代码 代码示例:

//去掉输入字符串两边的空格
//整理:www.jb200.com
function trim(s) {  
   var count = s.length;  
   var st    = 0;       // start  
   var end   = count-1; // end  

   if (s == "") return s;  
   while (st < count) {  
     if (s.charAt(st) == " ")  
       st ++;  
     else 
       break;  
   }  
   while (end > st) {  
     if (s.charAt(end) == " ")  
       end --;  
     else 
       break;  
   }  
   return s.substring(st,end + 1);  
 }

2,表单内容:
 

复制代码 代码示例:
<form action="testnew.html" name="form1"> 
  username: <input type="text" name="name"> 
  password: <input type="password" name="pwd">   <br> 
  <input type="submit" value="提交" onclick="isEmpty()"> 
</form>

3,判断输入是否为空的定义函数:
 

复制代码 代码示例:

function isEmpty(){  
    //form1是form中的name属性  
    var _form = document.form1;  

    if(trim(_form.name.value)==""){  
        alert("用户名不能为空!");          
        return false;  
    }  
    if(trim(_form.pwd.value)==""){  
        alert("密码不能为空!");         
        return false;  
    }
    return true;
}