admin管理员组文章数量:1347848
I have a form using jQuery 1.7 and jQuery validation 1.9 (latest each at the time of this post), which works on firefox / chrome / safari, but only partly works on I.E. (8.0 at least, haven't tested other versions) -- not sure what the deal is. There's an example here: /
if you click Test, you see that the text input control is validated in all browsers, but the dropdown isn't validated in i.e. (but is in all the others). I'm including the full html for the example below also:
<head>
<script src="jquery-1.7.js" type="text/javascript"></script>
<script src="jquery.validate-1.9.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function() {
jQuery.validator.addMethod("notEqual", function(value, element, param) {
return this.optional(element) || value != param;
}, "Please choose some value!");
$('#myForm').validate({
rules: {
text: {
required: true
},
category: {
required: true,
notEqual: "---"
}
},
messages: {
text: {
required: "Text required"
},
category: {
required: "Category required"
}
}
});
});
</script>
<form id="myForm">
<select id="category" name="category">
<option>---</option>
<option>Category 1</option>
<option>Category 2</option>
<option>Category 3</option>
</select>
<input type="text" id="text" name="text" />
<input type="submit" value="Test" />
</form
</body>
</html>
I have a form using jQuery 1.7 and jQuery validation 1.9 (latest each at the time of this post), which works on firefox / chrome / safari, but only partly works on I.E. (8.0 at least, haven't tested other versions) -- not sure what the deal is. There's an example here: http://jsfiddle/bulbous/hZn5A/100/
if you click Test, you see that the text input control is validated in all browsers, but the dropdown isn't validated in i.e. (but is in all the others). I'm including the full html for the example below also:
<head>
<script src="jquery-1.7.js" type="text/javascript"></script>
<script src="jquery.validate-1.9.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function() {
jQuery.validator.addMethod("notEqual", function(value, element, param) {
return this.optional(element) || value != param;
}, "Please choose some value!");
$('#myForm').validate({
rules: {
text: {
required: true
},
category: {
required: true,
notEqual: "---"
}
},
messages: {
text: {
required: "Text required"
},
category: {
required: "Category required"
}
}
});
});
</script>
<form id="myForm">
<select id="category" name="category">
<option>---</option>
<option>Category 1</option>
<option>Category 2</option>
<option>Category 3</option>
</select>
<input type="text" id="text" name="text" />
<input type="submit" value="Test" />
</form
</body>
</html>
- Works for me in IE9. (Clicking "Test" shows "Please choose some value!") – Phrogz Commented Nov 9, 2011 at 18:16
- 1 ahh well that's good to know, thanks for that feedback -- I've got to get it working in I.E. 8 as well, but glad to hear the future is brighter :) – Kem Mason Commented Nov 9, 2011 at 18:22
- Just a thought. The Validation plugin v1.9 is only up to date for jQuery 1.6. Perhaps you should try jQuery 1.6.4 just to see. – Sparky Commented Nov 9, 2011 at 18:29
5 Answers
Reset to default 5If you give the <option> tags explicit "value" attributes, it works.
<option value='---'>---</option>
It's not clear to me why it fails in IE7 but not IE8.
Seems to be a validator bug. But as a work around, you may consider select the element and get the value. See this, working on IE7:
jQuery.validator.addMethod("notEqual", function(value, element, param) {
return this.optional(element) || $(element).val() !== param;
}, "Please choose some value!");
It's because none of your options have values.
<option value='---'>---</option>
<option value='Category 1'>Category 1</option>
<option value='Category 2'>Category 2</option>
<option value='Category 3'>Category 3</option>
You're using the word "text" for your id and name.
The word "text" is not specifically "reserved" but it's one of those "words best to avoid"...
http://www.kourbatov./faq/reserved.htm
Also, the Validation plugin has only been tested up to jQuery version 1.6.1
Downgrade your jQuery version just to rule out an issue with jQuery 1.7
guess this should work
<html>
<head>
<script src="jquery-1.7.js" type="text/javascript"></script>
<script src="jquery.validate-1.9.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function() {
$('#myForm').validate({
rules: {
text: {
required: true
},
category: {
required: true
}
},
messages: {
text: {
required: "Text required"
},
category: {
required: "Category required"
}
}
});
});
</script>
<form id="myForm">
<select id="category" name="category">
<option value="">---</option>
<option value="Category 1">Category 1</option>
<option value="Category 2">Category 2</option>
<option value="Category 3">Category 3</option>
</select>
<input type="text" id="text" name="text" />
<input type="submit" value="Test" />
</form
</body>
</html>
本文标签： javascriptWhat is causing IE to not validate (jquery) when other browsers doStack Overflow
版权声明：本文标题：javascript - What is causing I.E. to not validate (jquery) when other browsers do - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743843822a2548764.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论