单击“执行”按钮后，即使框中填写了无效值，也会显示一切正常消息。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="robots" content="noindex, nofollow">
<meta name="googlebot" content="noindex, nofollow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="https://code.jquery.com/jquery-1.8.3.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/additional-methods.js"></script>
<title></title>
<script type="text/javascript">
$(document).ready(function () {
jQuery.validator.addMethod('integer', function (value, element, param) {
return (value != 0) && (value == parseInt(value, 10));
}, 'Please enter a non zero integer value!');
$('#myform').validate({
rules: {
field1: {
required: true,
integer: true
},
field2: {
required: true,
integer: true
}
},
submitHandler: function (form) { // for demo
alert('valid form');
return false;
}
});
$('#go').click(function(){
if (!$("#myform").validate())
{
// Not Valid
alert('missing some data');
return false;
}
else
{
<!-- $("#myform").submit() -->
alert('all good');
return false;
}
});
});
</script>
</head>
<body>
<form id="myform">
<input type="text" name="field1" />
<br/>
<input type="text" name="field2" />
<br/>
<input id="go" value="GO" type="button" />
</form>
</body>
</html>
最佳答案
不是“if”.validate() - 这是验证器对象，并且自存在以来将始终为true。
Use .valid() for any boolean testing :
$('#go').click(function() {
if (! $("#myform").valid()) { ....
关于javascript - jquery 验证插件没有提交按钮，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50238900/