您好,我遇到了以下问题,我的以下代码对我不起作用,我也不知道为什么。我希望你们能帮助我。
编辑:提交处理程序根本不会被调用。我什至没有收到警报消息。在验证表单之前,我想禁用提交按钮。
$('form').validate({
onsubmit: true,
debug: true,
errorLabelContainer: "#errorBox",
rules: {
user_email: {
minlength: 4,
email: true,
required: true
},
user_textField: {
minlength: 3,
required: true
},
user_phone: {
required: true,
number: true,
minlength: 4
},
user_fax: {
number: true,
minlength: 4
},
user_plz: {
required: true,
number: true,
minlength: 5
}
},
submitHandler: function (form) {
$('form').find(":submit").attr("disabled", true).attr("value","Submitting...");
alert("hie");
form.submit();
}
});
我还有一个提交按钮:
<button class="btn btn-primary pull-right continuePaymentProcess" type="submit">Weiter</button>
最好的问候,爷爷
最佳答案
您不需要 onsubmit: true
行,因为这是默认行为。 重要:as per docs ,
Validate the form on submit. Set to false to use only other events for validation. Set to a Function to decide for yourself when to run validation. A boolean true is not a valid value.
换句话说,您必须删除该行,因为 true
会破坏插件。
就 submitHandler
“不工作”而言,它按照文档工作。 submitHandler
回调函数在表单有效时触发。
你说,“我想在表单通过验证之前禁用提交按钮。”
由于 submitHandler
直到表单 valid
才会被触发,所以您禁用按钮的代码直到 之后 表单已验证。
查看您的代码:http://jsfiddle.net/aDAGL/
关于javascript - JQuery 验证插件 submitHandler 对我不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18354238/