jQuery:验证后拦截提交

Question

我正在使用 jQuery 的验证插件来检查表单的一些值。验证工作正常，但现在我想在提交表单之前检查其他内容。

这是附加检查，仅应在成功验证表单的所有字段后运行:

$("#formname").submit(function() {
    if($("#input").val() == $("#hiddenInput").val() {
        // Everything fine, may submit
        return true;
    } else {
        // Check wasn't successfull, let's alert
        alert("Fix the input");
        return false;
    }
})

这是使用插件的实际验证:

$("#formname").validate({
    rules: {
        ou: {
            required: true,
            minlength: 2,
            number: true
        },
        directors: {
            required: true,
            number: true
        }
    },
    messages: {
        ou: {
            required: "Message",
            minlength: "Message",
            number: "Message"
        },
        directors: {
            required: "Message",
            number: "Message"
        }
    },
    errorPlacement: function ($error, $element) {
        var name = $element.attr("name");

        $("#" + name + "Error").append($error);
    }
})

我实际上确实在开头添加了第一个代码片段，但每次我单击提交时它都会运行，无论验证本身是否成功。是否有某种我可以检查的验证返回代码或事件？

Answer 1

假设相同的插件，添加

submitHandler: function(form) {
    alert('your submit code here');
}

为了您的验证，引用here

或者添加如下规则:

input: {
      equalTo: "#hiddenInput"
    }

这将像其他验证一样对其进行验证。