jQuery.validate 使用方法
本来像写点正则来验证可以锻炼下自己， 但是有了小车谁还走路.....
刚开始接触jQuery.validate 的时候满头雾水。整整研究了一上午才有点懂得， 赶快做了个笔记怕忘记了
从头开始
步骤1： 引入jQuery.validate js 然后自己把 messag 参数覆盖
1 $.extend($.validator.messages, { 2 required: "请填写此项", 3 remote: "请修正该字段", 4 email: "请输入正确格式的电子邮件", 5 url: "请输入合法的网址", 6 date: "请输入合法的日期", 7 dateISO: "请输入合法的日期 (ISO).", 8 number: "请输入合法的数字", 9 digits: "只能输入整数", 10 creditcard: "请输入合法的信用卡号", 11 equalTo: "请再次输入相同的值", 12 accept: "请输入拥有合法后缀名的字符串", 13 maxlength: $.validator.format("长度最多是 {0} 的字符串"), 14 minlength: $.validator.format("长度最少是 {0} 的字符串"), 15 rangelength: $.validator.format("长度介于 {0} 和 {1} 之间的字符串"), 16 range: $.validator.format("请输入一个介于 {0} 和 {1} 之间的值"), 17 max: $.validator.format("请输入一个最大为 {0} 的值"), 18 min: $.validator.format("请输入一个最小为 {0} 的值"), 19 20 alphanumeric: "字母、数字、下划线", 21 lettersonly: "必须是字母", 22 phone: "数字、空格、括号" 23 }); 24 25 })(jQuery);
在页面引入改js文件之后 之后的判断都会按我们自己默认的来提示
步骤2：在页面加入以下js
1 <script type="text/javascript"> 2 $(function () { 3 $("#regFrom").validate({ 4 rules: { 5 controlID: { 6 required: true, 7 email: true 8 } 9 }, 10 messages: { 11 controlID: { 12 required: "Please enter a username", 13 email: "Your username must consist of at least 2 characters" 14 } 15 }, 16 submitHandler: function (form) { 17 //这是表到通过验证之后执行的方法 18 alert('通过'); 19 } 20 }); 21 }) 22 23 </script>
其中 rules 下是个对象，
controlID 是需要验证的控件ID
他的内容也是个对象 存放需要验证的格式
required是必填 email 是验证 email
messages 也是个对象一般情况下不用加这个对象 因为我们之前写的messag 已经把这参数覆盖了
submitHandler 是表单验证通过之后执行的方法
function alertVil() {
alert($("#regFrom").valid());
}
$("#FromID").valid() 这样可以判断表单是否通过了验证