複数のフィールドでjquery検証を使用する方法は？

Question

<?php 
    <input type='text' name='contact_number[$id]' id='contact_number'> 
?> 

ここで、iは複数の連絡先を配列で転記しています。 jqueryバリデーションを連絡先に追加する必要があります。しかしそれは働かない。

私のjqueryのコードは次のとおりです。

$("#editUserForm").validate({ 
    rules: { 
     "contact_number": { 
      required: true, 
      minlength: 10, 
      maxlength: 10, 
      number: true 
     }  
    }, 
    messages: {  
    } 
}); 

Answer 1

"contact_number"はcontact_number[]、または配列のインデックスと他のバージョンと一致することはありません。このプラグインはそのようには機能しません。

あなたはそれぞれの正確.validate()内...

$("#editUserForm").validate({ 
    rules: { 
     "contact_number[1]": { 
      required: true, 
      minlength: 10, 
      maxlength: 10, 
      number: true 
     }, 
     "contact_number[2]": { 
      // rules 
     } 
     .... 

または動的に.rules()方法を使用してcontact_number「で始まる」すべてのフィールドを一致させるのいずれかを指定できます。

$('[name^="contact_number"]').each(function() { 
    $(this).rules('add', { 
     required: true, 
     minlength: 10, 
     maxlength: 10, 
     number: true 
    }); 
});