1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>测试</title> 5 <script src="js/jquery-1.9.1.js" type="text/javascript"></script> 6 <script src="js/jquery.validate-vsdoc.js" type="text/javascript"></script> 7 <script type="text/javascript"> 8 $(function() { 9 $("#test1").validate({ 10 rules: { 11 txtLoginIdName: { 12 required: true, 13 maxlength: 10, 14 minlength: 5 15 }, 16 txtPwdName: { 17 required: true, 18 minlength: 2 19 }, 20 confirm_pwdName: { 21 required: true, 22 equalTo: "#txtPwd" 23 } 24 }, 25 messages: { 26 txtLoginIdName: "务必输入用户名", 27 txtPwdName: { 28 required: "务必输入密码", 29 minlengt: "最小长度为2", 30 maxlength: "最大长度10" 31 }, 32 confirm_pwd: { 33 equalTo: "两次输入务必一致" 34 } 35 } 36 }); 37 $.extend($.validator.messages, { 38 required: "必选字段", 39 remote: "请修正该字段", 40 email: "请输入正确格式的电子邮件", 41 url: "请输入合法的网址", 42 date: "请输入合法的日期", 43 dateISO: "请输入合法的日期 (ISO).", 44 number: "请输入合法的数字", 45 digits: "只能输入整数", 46 creditcard: "请输入合法的信用卡号", 47 equalTo: "请再次输入相同的值", 48 accept: "请输入拥有合法后缀名的字符串", 49 maxlength: $.validator.format("请输入一个长度最多是 {0} 的字符串"), 50 minlength: $.validator.format("请输入一个长度最少是 {0} 的字符串"), 51 rangelength: $.validator.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"), 52 range: $.validator.format("请输入一个介于 {0} 和 {1} 之间的值"), 53 max: $.validator.format("请输入一个最大为 {0} 的值"), 54 min: $.validator.format("请输入一个最小为 {0} 的值") 55 }); 56 }); 57 </script> 58 </head> 59 <body> 60 <form id="test1" name="test1" method="POST" action=""> 61 <span>用户名:</span><input type="text" id="txtName" name="txtLoginIdName" class="required" /><br /> 62 <span>密 码:</span><input type="text" id="txtPwd" name="txtPwdName" /><br/> 63 <span>再次输入密码</span><input type="text" id="confirm_pwd" name="confirm_pwdName" /> 64 <input type="submit" value="提交" name="subText" id="subText" /> 65 </form> 66 </body> 67 </html>
小demo
vaildate是根据标签的name属性进行操作,