jQuery驗證接下來的3個表單字段onkeyup當填充前一個表單時

Question

我有一個表單，當按下submit和表單字段propBacklink有一個值時，以下3個字段（X，Y，Z）也被驗證。這是無論他們的價值，因爲他們只讀。 Ajax調用根據Ajax調用中的變量返回true或false。

我的問題是，我如何強制fieldfield propBacklink onkeyup的字段（X，Y，Z）驗證？

propBacklink: { 
 
    required: false, 
 
    url: true, 
 
    remote: { 
 
\t url: "backlinkInDB.php", 
 
\t type: "post" 
 
    }, 
 
    rules: { 
 
\t CheckNextFields: true 
 
    } 
 
}, 
 

 
$.validator.addMethod("CheckNextFields", function(value) { 
 

 
\t this.element($("[name='X']")).validate(); 
 
\t this.element($("[name='Y']")).validate(); 
 
\t this.element($("[name='Z']")).validate(); 
 

 
});

Answer 1

由於您的OP不包含任何代碼，我的回答將不包含代碼...

我怎麼能力場（X，Y，Z的驗證）formfield propBacklink的onkeyup？

默認情況下，該插件會評估提交的click整個窗體，並分別對keyup並在每個領域focusout（上click爲radio，checkbox和select）

既然你想要在觸發propBacklink字段時評估一組字段，則需要使用the .addMethod() method爲propBacklink編寫新的方法（規則）。

• 在此自定義功能，您可以使用this.element()任何元素上觸發驗證。

  this.element(element); // the field being evaluated by the custom method: propBacklink 
  this.element($('[name="X"]')); // field with name="X" 
  

• 只能指派或聲明這個新規則，以一個領域，propBacklink。 X,Y和Z將根據新定製規則的功能中包含的this.element()進行驗證。

• 請注意hundreds of examples posted here以及documentation within the tag Wiki。

---

編輯：

我不知道你想與readonly領域，用戶不能直接控制觸發驗證該方案完成的任務。

以下操作將檢查X,Y和Z是否有效，如果其中任何一個驗證失敗，則返回錯誤。

$.validator.addMethod("CheckNextFields", function(value, element) { 

    return this.optional(element) || (this.element($("[name='X']")) && this.element($("[name='Y']")) && this.element($("[name='Z']"))); 

}, "X, Y, and Z are not valid."); 

（當然，你還需要，如果你想驗證他們分配一些驗證規則X，Y和Z。否則，你會觸發什麼？）

你的規則對象的格式也有些混亂。你應該把規則放在rules對象的內部。它們由字段名的鍵值對和每個規則的列表組成。

$('#yourform').validate({ 
    rules: { 
     propBacklink: { 
      // rules for propBacklink 
      required: false, // <- superfluous (default) 
      url: true, 
      remote: { 
       url: "backlinkInDB.php", 
       type: "post" 
      }, 
      CheckNextFields: true 
     }, 
     X: { 
      // rules for X 
     }, 
     Y: { 
      // rules for Y 
     }, 
     Z: { 
      // rules for Z 
     }, 
     .... 
    }, 
    ....