jQuery验证插件：禁用指定提交按钮的验证

Question

jQuery验证插件：禁用指定提交按钮的验证我有一个包含多个字段的表单，我正在用J rn Zaeffere的出色的jQuery验证插件来验证(有些是为自定义验证添加的方法)。如何使用指定的提交控件规避验证(换句话说，使用一些提交输入进行火验证，但不使用其他的火验证)？这与具有标准ASP.NET验证器控件的ValidationGroups类似。我的处境：它与ASP.NET WebForms一起使用，但如果您愿意，可以忽略它。然而，我将验证更多地用作“推荐”：换句话说，当表单提交时，验证会触发，而不是“必需”消息显示，“推荐”显示的是“您错过了以下字段…您想继续吗？”在错误容器中，现在可以看到另一个Submit按钮，它可以被按下，它将忽略验证并以任何方式提交。如何绕过这个按钮控件的表单.Value()，然后仍然发布？买和卖房子的样品http：/jquery.bassistance.de/有效性/演示/多部分/允许这样做，以便访问前面的链接，但它通过创建自定义方法并将其添加到验证器来实现。我希望不必创建自定义方法复制已经在验证插件中的功能。下面是我现在得到的可立即应用的脚本的简短版本：var container = $("#<%= Form.ClientID %> div.validationSuggestion");$('#<%= Form.ClientID %>').validate({               errorContainer: container,     errorLabelContainer: $("ul",container),     rules: {         <%= YesNo.UniqueID %>: { required: true },         <%= ShortText.UniqueID %>: { required: true } // etc.     },     messages: {         <%= YesNo.UniqueID %>: 'A message.',         <%= ShortText.UniqueID %>: 'Another message.' // etc.     },     highlight: function(element, errorClass) {         $(element).addClass(errorClass);         $(element.form).find("label[for=" + element.id + "]").addClass(errorClass);         $(element.form).find("label[for=" + element.id + "]").removeClass("valid");     },     unhighlight: function(element, errorClass) {         $(element).removeClass(errorClass);         $(element.form).find("label[for=" + element.id + "]").removeClass(errorClass);         $(element.form).find("label[for=" + element.id + "]").addClass("valid");     },     wrapper: 'li'});

Answer 1

其他(无证件的)方法是打电话给：

$("form").validate().cancelSubmit = true;

Answer 2

您可以添加一个css类cancel到“提交”按钮以抑制验证。

例如

<input class="cancel" type="submit" value="Save" />

请参阅这里的jQueryValidator文档：在提交时跳过验证

---

编辑:

已不再推荐上述技术，并将其替换为formnovalidate属性。

<input formnovalidate="formnovalidate" type="submit" value="Save" />