JQuery Validation插件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行,因为这是默认行为. 重要提示: 根据文档,

在提交时验证表单.设置为false以仅使用其他事件进行验证.设置为函数以自行决定何时运行验证.布尔值true不是有效值.

换句话说,您必须删除该行,因为true会破坏插件.

至于submitHandler"不工作",它按照文档工作.该submitHandler回调函数的火灾时的形式是有效的.

你说,"我想禁用提交按钮,直到表单被验证."

由于在submitHandler表单出现之前不会被触发,因此在验证表单之后valid才会触发禁用该按钮的代码.

看你的代码:http://jsfiddle.net/aDAGL/