帶有jQuery驗證插件的ColdFusion動態循環創建動態規則

Question

我正在使用jQuery驗證插件。我有一個動態的表單，根據用戶爲循環選擇的數字取決於1-5而創建。我正在努力編寫動態部分，以使每個表單字段在每個循環上正確工作。

<!--- Looping Validation ---> 
<script> 
    $("#form").validate({ 
     focusCleanup: true, 
     focusInvalid: false, 
    rules: { 
phoneNumber_<cfoutput>#Add#</cfoutput>: { 
      required: true, 
      validatePhone: true 
     }, 
}, 
     // Same for other fields 
    messages: { 
phoneNumber_<cfoutput>#Add#</cfoutput>: "This field is required.", 
     // Repeat for other fields 
    } 
}); 

因此，我嘗試創建第一個示例，規則的工作原理，但只有當它循環一次。如果用戶選擇兩個或更高的循環，它只能在第一個而不是第二個或更高的循環上工作。

// Validates Phone Number 
jQuery.validator.addMethod("validatePhone", function(value, element) { 
    return this.optional(element) || /^(\([0-9]{3}\) |[0-9]{3}-)[0-9]{3}-[0-9]{4}$/.test(value); 
}, 'Please enter valid Phone Number.'); 

然後我試了一下，它打破了RegEx，並且只試圖在第一個循環上進行驗證。

// Validates Phone Number 
jQuery.validator.addMethod("validatePhone", function(phoneNumber_<cfoutput>#Add#</cfoutput>) { 
    var value = new RegExp("^(\([0-9]{3}\) |[0-9]{3}-)[0-9]{3}-[0-9]{4}$"); 
    return phoneNumber_<cfoutput>#Add#</cfoutput>.match(value); 
}, 'Please enter valid Phone Number.'); 

任何幫助，這將不勝感激！先謝謝你！

Answer 1

我正在使用jQuery驗證插件。我有一個動態的表單，根據用戶爲循環選擇的數字取決於1-5而創建。我正在努力編寫動態部分，以使每個表單字段在每個循環上正確工作。

你究竟在說什麼「循環」？我看不到你的代碼循環。您不能在同一表單上多次調用.validate()方法。您只需撥打.validate()方法一次性在您的窗體上初始化該插件。 所有後續調用都將被忽略。表單數據的實際驗證根據插件捕獲的自動的事件自動發生。循環是不需要的，在這裏完全沒用。

如果您需要聲明的規則到動態創建的域元素，你會打電話the .rules() method在創建新的領域後，立即和隨時隨地後.validate()。

目標的所有字段「開始」 phoneNumber_ ...

$('input[name^="phoneNumber_"]').each(function() { 
    $(this).rules('add', { 
     required: true, 
     validatePhone: true, 
     messages: { // optional 
      required: "custom message for required", 
      validatePhone: "custom message for validatePhone" 
     } 
    }); 
});