JQuery.validate在ie8下不支持解决方案-浮叶

1、JQuery.validate验证框架是通过页面form表单提交验证标签中输入是否符合自己的规则的

 1 

 2 
 3  
 4 
 5 
 6 
 9 
10 
11 
12 
15 
16 
17 
用户名：

 7 
 8 
密码：

13 
14 
18 
错误信息
19 

20 
21 
22 
23 

其中 name属性和下面js中的rules中的属性一致

2、js绑定validate事件代码如下

 1 $(function() {
 2 initCardTypeFrmValidate()
 3 })
 4 
 5 function initCardTypeFrmValidate() {
 6 
 7 $('#cardTypeFrm').validate({
 8 onkeyup : false,
 9 onfocusout : false,
10 rules : {
11 userName : {required : true}
12 passWord : {required : true}
13 },
14 
15 messages : {
16 userName : {required : '请输入用户名'}，
17 passWord : {required : '请输入密码'}
18 },
19 errorElement : "p"
20 });
21 }

onkeyup : false,表示键盘输入不验证，默认true
onfocusout : false,表示输入框失去焦点不验证，默认true

二、解决方案是，禁止页面的表单提交，实行js中绑定表单提交表单

1、html代码不变

 1 

 2 
 3  
 4 
 5 
 6 
 9 
10 
11 
12 
15 
16 
17 
用户名：

 7 
 8 
密码：

13 
14 
18 
错误信息
19 

20 
21 
22 
23 

2、js代码中加入绑定提交事件

 1 $(function() {
 2 initCardTypeFrmValidate()
 3 //优化代码
 4 $('#cardTypeFrm').submit(function() {
 5 
 6 if ($('#cardTypeFrm').valid()) {
 7 //通过执行的动作
 8 }
 9 return false;//永远禁止页面表单提交
10 })
11 })
12 
13 function initCardTypeFrmValidate() {
14 
15 $('#cardTypeFrm').validate({
16 onkeyup : false,
17 onfocusout : false,
18 rules : {
19 userName : {required : true}
20 passWord : {required : true}
21 },
22 
23 messages : {
24 userName : {required : '请输入用户名'}，
25 passWord : {required : '请输入密码'}
26 },
27 errorElement : "p"
28 });
29 }