我试过寻找这个论坛和网络寻找答案,但如果有任何他们只是告诉我做我已经尝试过。所以,我的问题是这样的:我有一个窗体,通过两个验证器,一个客户端端jQuery和一个服务器端PHP(重力形式)运行。这一直在工作很长一段时间了。但是,我们注意到,我们收到了很多重复的提交内容,所以我想在客户端验证表单后禁用提交按钮。当表单被填写和提交后,它会运行客户端验证脚本,如果这些字段是有效的 - 禁用提交按钮(以防止双重提交) - 并将脚本发送到第二个验证。如果任何字段无效,验证应该返回错误消息,而不是禁用提交按钮。Jquery验证SubmitHandler
我周围看了一下,最后加入这样的:
submitHandler: function(form) {
$(form).find(":submit").attr("disabled", true).attr("value",
"Submitting...");
form.submit();
}
到我的验证脚本的末尾。
但是,这并没有像我希望的那样变成现实。我尝试了上述各种不同的变体,但是当我添加它时,脚本根本不会运行,或者它只是禁用了提交按钮(即使所有的表单字段都是无效的),这使得它不可能纠正并重新提交 - 您必须重新加载页面以再次启用提交按钮。
我在做什么错?整个验证脚本是这样的:
jQuery(function() {
var $ = jQuery;
$(document).ready(function() {
$('#gform_6').validate({
rules : {
input_6 : { required: true, personnummer: true }, // Personnummer
input_30 : { required: true, personnummer: true }, // Personnummer
input_10 : { required: true, minlength: 6 }, // telenr
"input_21.1" : { required: true }, // villkor
"input_3.3" : { required: function(element) { return (jQuery(element).parent().is(":hidden") == false); } }, //
"input_3.6" : { required: function(element) { return (jQuery(element).parent().is(":hidden") == false); } }, // efternamn
input_7 : { required: function(element) { return (jQuery(element).parent().is(":hidden") == false); }, email: true }, // e-post 1
input_31 : { required: function(element) { return (jQuery(element).parent().is(":hidden") == false); }, email: true, equalTo: "#input_6_7" }, // e-post 2 //adress : { required: true }, // adress
input_14 : { required: function(element) { return (jQuery(element).parent().is(":hidden") == false); } }, // lön
input_15 : { required: function(element) { return (jQuery(element).parent().is(":hidden") == false); }, number: true, minlength: 4, maxlength: 5 }, // clearingnr
input_16 : { required: function(element) { return (jQuery(element).parent().is(":hidden") == false); }, number: true, minlength: 7 } // kontonr
},
messages : {
//pnummer : "Födelsedatum ogiltigt, ska ha formatet 19770131-1234",
input_6 : "",
input_30 : "Födelsedatum ogiltigt, ska ha formatet 19770131-1234",
"input_3.3" : "Du måste fylla i ditt förnamn",
"input_3.6" : "Du måste fylla i ditt efternamn",
input_7 : "Ej giltig e-postadress",
input_31 : "Dina mail-adresser stämmer ej överens",
//adress : "Fyll i din adress",
input_14 : "Fyll i din lön",
input_10 : "Fyll i ditt telefonnummer",
input_15 : "Clearingnummer måste vara 4 eller 5 siffror",
input_16 : "Kontonummer måste vara minst 7 siffror",
"input_21.1" : "Du måste acceptera villkoren"
},
//debug : true,
errorClass : "form-error",
errorElement : "span"
//validClass : "valid",
submitHandler: function(form) {
$(form).find(":submit").attr("disabled", true).attr("value",
"Submitting...");
form.submit();
}
}
);
请