ColdFusion Dynamic Loop с плагином проверки jQuery Создание динамического правила

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" 
     } 
    }); 
});