javascript - JQuery 验证插件 submitHandler 对我不起作用

Question

您好，我遇到了以下问题，我的以下代码对我不起作用，我也不知道为什么。我希望你们能帮助我。

编辑:提交处理程序根本不会被调用。我什至没有收到警报消息。在验证表单之前，我想禁用提交按钮。

    $('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>

最好的问候，爷爷

Answer 1

您不需要 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/