简单的表单验证

　　如果用jquery进行表单验证，必须先导入js文件。

　　第一种是用alert弹出提示框，但是这种方法是在所有信息填好之后 ，触发提交按钮时才进行验证的，现将部分代码列出来仅供参考

<script src="${pageContext.request.contextPath }/js/jquery-1.7.2.js"  type="text/javascript"></script>  

<script type="text/javascript">

   function submitcheck(){   

 　　var userName=$('#userName').val();     //userName是ID的名字

 　　 var pass=$('#pass').val();   

　　if(userName.length==0)    {  

        　　 alert("用户名不能为空");   

      　　   return false;    }

　　 if(pass.length==0)    {    

    　　    alert("密码不能为空");   

　　　　  return false;    }

  }   

 </script>

　　第二种是网上比较常用的，在填信息的同时，若不符合要求则会在旁边有错误提示

 function check()
   {
          if($('#user').val()==null || $('#user').val()=="")  //等价于if(userName.length==0)
 {
           $("#usererror").html("用户名不能为空");
  return false;
 } else{
                      $("#usererror").html("");
               }
 if($('#pwd').val()==null || $('#pwd').val()=="")
 {
     $('#pwderror').html("密码不能为空");
      return false;
 }

 

以上代代码只是其中的最简单的部分，仅供参考，若有不足之处请指出

转载于:https://www.cnblogs.com/loveLiac/archive/2012/06/03/2533114.html