亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

jQuery驗證插件:禁用指定提交按鈕的驗證

jQuery驗證插件:禁用指定提交按鈕的驗證

慕勒3428872 2019-07-26 12:14:58
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'});
查看完整描述

3 回答

?
天涯盡頭無女友

TA貢獻1831條經驗 獲得超9個贊

其他(無證件的)方法是打電話給:

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


查看完整回答
反對 回復 2019-07-27
?
冉冉說

TA貢獻1877條經驗 獲得超1個贊

您可以添加一個css類cancel到“提交”按鈕以抑制驗證。

例如

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

請參閱這里的jQueryValidator文檔:在提交時跳過驗證


編輯:

已不再推薦上述技術,并將其替換為formnovalidate屬性。

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



查看完整回答
反對 回復 2019-07-27
  • 3 回答
  • 0 關注
  • 466 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號