使用jquery-validate校验表单

注意:

表单校验(validation校验【需要下载JQuery-validate插件，而且必须要在引入JQuery插件之后,再引入validate插件/*validate是建立在JQuery之上*/】)

 

代码:

$(function(){

　　$("#checkForm").validate({

　　　　rules:{

　　　　　　username:{

　　　　　　　　required:true,//必填

　　　　　　　　minlength:6,//最小长度

　　　　　　　　maxlength:12,//最大长度

　　　　　　}

　　　　　　email:{

　　　　　　　　email:true,//输入正确的邮箱

　　　　　　}

　　　　　　password:{

　　　　　　　　required:true

　　　　　　}

　　　　　　repassword:{

　　　　　　　　required:true,

　　　　　　　　equalTo:"#password" //是否与密码一致

　　　　　　}

　　　　}，

　　　　messages:{

　　　　　　

username:{

　　　　　　　　required:"用户名必填"

　　　　　　　　minlength:"至少输入6位"

　　　　　　　　maxlength:"至多输入12位"

　　　　　　}

　　　　　　email:{

　　　　　　　　email:"请输入正确的邮箱"

　　　　　　}

　　　　　　password:{

　　　　　　　　required:"密码必填"

　　　　　　}

　　　　　　repassword:{

　　　　　　　　required:"确认必填"

　　　　　　　　equalTo:"两次输入密码不一致"

　　　　　　}

　　　　}

　　});

});