允许表单在表单无效时提交（和发布数据）（即使用验证显示警告但不阻止表单提交）使用 jQuery validate答案

【问题标题】：Allow form to submit (and post data) when form is invalid (i.e. use validation to show warning but not prevent form submission) using jQuery validate允许表单在表单无效时提交（和发布数据）（即使用验证显示警告但不阻止表单提交）使用 jQuery validate
【发布时间】：2014-01-02 20:43:39
【问题描述】：

我正在使用验证来检查某些用户输入到表单的一些最大值/最小值，如果超出一定范围来警告用户。

但是用户可能希望接受警告并继续，我不希望验证“失败”阻止用户提交表单和发布数据。

这是我的验证码：

$(document).ready(function() {    
    $('#myform').validate({

        onkeyup: false,
        errorClass: 'authError',
        validClass:'success',
        errorElement: 'span',
        highlight: function (element, errorClass, validClass) 
        { 
        $(element).parents("div.question")
                  .addClass(errorClass)
                  .removeClass(validClass); 

        }, 
        unhighlight: function (element, errorClass, validClass)
        {
        $(element).parents(".error")
                  .removeClass(errorClass)
                  .addClass(validClass); 
        },
        rules: {

       quantity_1: {
                    required: false,
                    number: true,
                    min: 0.2,
                    max: 0.2
                    }
                },

        messages:{
        quantity_1:
            {
                min: "Note: this is less than recommended",
                max: "Note: this is more than recommended"          
            }
        }
    });  
});

我尝试将“取消”类添加到提交按钮，这确实允许表单导航发生（即用户可以单击按钮并移动到下一页）但它似乎也阻止了表单发布数据（这是必需的）。

有什么办法可以做到吗？提前致谢

【问题讨论】：

标签： jquery jquery-validate

【解决方案1】：

As per documentation，您可以将onsubmit 选项设置为false。在这种情况下，您会在每次击键和模糊事件时看到验证错误，但如果/当用户单击提交按钮时，尽管有任何错误消息，表单仍会提交。

$(document).ready(function() {    
    $('#myform').validate({
        onsubmit: false,
        // your other options....

由于您已使用 onkeyup:false 禁用键验证，因此您只会在字段失去焦点时看到任何验证错误。

【讨论】：

【解决方案2】：

您应该能够添加 $('#myform').submit();通过错误传递给用户点击的内容。

【讨论】：

不适用于 jQuery 验证插件。为获得最佳效果，请使用插件提供的选项和回调函数。