jQuery Validate-验证但有目的地允许提交表单

Question

是否可以使用jQuery Validation插件运行验证，但实际上允许提交表单？

原因是我想要一个“保存进度”按钮，该按钮可以让您实质上提交错误的数据。 表单最终将包含多个步骤，在最后一步，我将确定表单的有效性并启用“提交”按钮（如果所有部分均有效）。 因此，将向用户显示类似“您的进度已保存，但在所有必填字段完成之前无法提交表单”的信息。

我想知道您是否可以使用submitHandler但是我真的不确定从哪里开始。

---

编辑-根据Sparky的初始答案进行更新

遵循@Sparky的最初答案，我开始使用button type="button"控制表单的提交（即使该表单无效），然后使用默认button type="submit"提交表单（如果表单无效）有效。

我的逻辑是尝试说，当您单击保存按钮时，如果表单无效，则提交表单。 但是验证仍然会阻止其提交。 我一定要解决这个错误，但是我不确定为什么。

小提琴

var stepLink = $('#Steps a');
var form = $('#FormSignup');
var btnSave = $('#FormSignup_submit');
var isValid = form.valid();

stepLink.on('click', function(e) {
    var url = $(this).attr('href');
    e.preventDefault();
    form.find(url).addClass('js-active').siblings('.Form_section').removeClass('js-active');
});

form.validate();
btnSave.on('click', function() {
    if (!isValid) {
        form.submit();
    }
});

Answer 1

基本上，您将需要使用type="button"元素并写出外部click处理程序，以便可以控制其行为。 您将使用type="button"而不是type="submit"因为后者将由插件自动捕获。 您的“提交”按钮将为type="submit" ，因为该插件会自动捕获并处理该按钮。

当表单被视为“有效”后， submitHandler回调仅用于做某事，因此我不确定在这里对您有多大好处。 最典型的是，它用于处理ajax()提交代码。 否则，表单仅使用action属性中的URL像标准表单一样提交。

因此，现在忽略这些按钮，假设.validate()方法正确地初始化了form上的插件，您将对每个输入的键启动和模糊进行验证。

您可以使用.valid()方法立即手动触发对整个表单的验证。

请记住， .validate()方法仅用于初始化表单上的插件，并且一旦在表单上初始化了插件， 就无法将其关闭，暂停或禁用 。

---

编辑

使用form[0].submit()将绕过验证并提交表单。 参见： http : //jsfiddle.net/effx3p45/22/