首页 > PHP资讯 > HTML5培训技术 > 表单验证-jQuery+Validation

表单验证-jQuery+Validation

HTML5培训技术
我写这些东西追求的是通俗易懂,便于在开发项目的时候快速查询并快速理解。
需要的两个js文件:点击打开链接
整个测试代码如下:注释都写的很清楚了
 
<%@page pageEncoding="UTF-8"%>    注册    
  <script src="js/jquery-1.10.2.js" type="text/javascript">《script》  <script src="js/jquery.validate.js" type="text/javascript">《script》    <script type="text/javascript">      $().ready(function() {          $("#regForm").validate({              rules : {                  username : {                      required : true,//不能为空                      minlength : 5,                      maxlength : 12                  },                  email : {                      required : true,                      email : true//email格式                  },                  password : {                      required : true,                      digits: true,//必须是数字                      minlength : 6,                      maxlength : 18                  },                  password_c : {                      equalTo : "#password"//下面html中的password必须要有id                  }              },              /*出错提示,此项可以不写,用默认的就足够了,默认的也是中文提示*/              messages : {                  username : {                      required : "此项不能为空",                  }              }          }, {              //如果验证通过,则提交表单              submitHandler : function(form) {                  form.submit();              }          });      });  《script》          
.indexNewList ul li{float:left;margin-left:20px;list-style:none;} .indexNewList h4{font-size:14px;font-style:italic;} #cls-xg{clear:both;font-size:14px;}
本文由欣才IT学院整理发布,未经许可,禁止转载。