J Query 表单验证禁用整个 JQuery 代码。我使用 J Query 制作了一个简单的验证表单。它不起作用。 我已经尝试过http://jsfiddle.net/4PuJL/165/并且工作正常，但无法在我的计算机上工作。
<!DOCTYPE html>
<html lang="en">
<head>
<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
<script src="http://malsup.github.io/jquery.form.js"></script>
<script src="http://http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#p1").mousedown(function () {
alert("Mouse down over p1!");
});
$("#personDetailForm").validate({
rules: {
persname: {
required: true,
regex: /^[A-Za-z]+$/
}
}
submitHandler: function() {
alert("alert");
}
});
});
</script>
</head>
<body>
<p id="p1">This is a paragraph.</p>
<form id="personDetailForm" action="showDetails.html" method="post" novalidate="novalidate" >
<p>
Name:
<input type="text" name="persname" id="persname" maxlength="50"></p><br>
Password:
<input type="password" name="perspswd" id="perspswd"><br>
<input type="reset" value="Reset">
<button type="submit">Submit</button>
</form>
<span></span>
</body>
</html>
如果我删除以下部分，则第一个警报开始工作
$("#personDetailForm").validate({
rules: {
persname: {
required: true,
regex: /^[A-Za-z]+$/
}
}
submitHandler: function() {
alert("alert");
}
});
最佳答案
$("#personDetailForm").validate({
rules: {
persname: {
required: true,
regex: /^[A-Za-z]+$/
}
}
submitHandler: function() {
alert("alert");
}
});
应该是 rules 和 submitHandler 之间的 ,。
你的 fiddle 中没有 submitHandler 部分，这就是它工作的原因。
关于javascript - JQuery 表单验证禁用整个 JQuery 代码，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27519022/