jquery.validate.js 应用示例

来源:互联网 发布:keil流水灯c语言程序 编辑:程序博客网 时间:2024/05/01 21:26

       今天发现了jQuery一个很强大的验证表单插件(jquery.validate.js 下载地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation/),这个插件不仅强悍还是很容易上手,可以参考下面的我的一个小例子。

       

//login 表单效果处理$('#login-form').validate({                        //设定表单每个元素具体要求                        rules:{    email:{required:true,email:true},    password:{required:true}    },                        //自定义错误信息                         messages:{       email:{    required:"email不能为空!",    email:"email地址不正确!"    },   password:{    required:"密码不能为空!"    },   code:{    required:"验证码不能为空!"    }    },       errorPlacement:function(error,element){       error.appendTo(element.siblings("span"));       }        });     //register 注册表单效果处理$('#register-form').validate({    rules:{    email:{required:true,email:true},    password:{required:true},    repassword:{required:true,equalTo: "#reg-password" }  //equalTo 用于密码确认    },    messages:{   email:{    required:"email不能为空!",    email:"email地址不正确!"    },   password:{    required:"密码不能为空!"    },   repassword:{   required:"确认密码不能为空!",   equalTo:"密码不一致!"    }    },       errorPlacement:function(error,element){       error.appendTo(element.siblings("span"));       }        });

       相关链接:http://ideabean.iteye.com/blog/363927

原创粉丝点击