JQuery 表单验证在 IE 10 中不起作用

Question

我正在尝试使用 jquery validate 和 PHP 来验证表单，但是 当我使用 IE 浏览器但脚本在 IE 中不工作时

这是我的代码：

$("#enrollform").validate({
rules: {
   fname_name: {
       required: true,
       lettersonly: true,
       minlength: 2,
       maxlength: 25
   },
},
messages: {
   fname_name: {
       required: "Please Enter First Name",
       lettersonly: "Please Enter Only Letters"
   },
});

Answer 1

你错过了结束大括号}

$(document).ready(function(){
	$("#enrollform").validate({
	   rules: {
		   fname_name: {
			   required: true,
			   lettersonly: true,
			   minlength: 2,
			   maxlength: 25
		   }, <---unnecessary, remove this
	   },
	   messages: {
		   fname_name: {
			   required: "Please Enter First Name",
			   lettersonly: "Please Enter Only Letters"
		   }, <---unnecessary, remove this
	   } //<--- missed this bracket
	});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.14.0/jquery.validate.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
<form role="form" id="enrollform">
	<div class="form-group">
		<label for="fname_name">FirstName:</label>
		<input type="text" class="form-control" id="fname_name" name="fname_name">
	</div>
	<button type="submit" class="btn btn-default">Submit</button>
</form>

可能导致验证在 IE 中不起作用

• 不必要的逗号
• jQuery validate bug with required validation on IE10 in compatibility mode to IE7/IE8

在第二种情况下here is the fix

Fiddle