简单的表单验证

  如果用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;
 }

 

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

posted @ 2012-06-03 21:25  仰望薰衣草  阅读(161)  评论(0编辑  收藏  举报