Проверка Jquery Validate form-array с индексом

Question

Мне нужно проверить поля пола, которые указаны ниже.

<form id="test_form" > 
<input name="floor[abc]" type="text" class="input_txt_l " value="" /> 
<input name="floor[cde]" type="text" class="input_txt_l " value="" /> 
</form> 

Я пробовал с помощью jquery validator plug-in.

jQuery("#test_form").validate({ 
    rules: { 
    'floor[]':{ 
     required:true 
    }}, 
messages: { 
     'floor[]':{ 
      required:"floor is required." 
      } 
    } 
    }); 

В этом случае валидация не работает. но если пол не имеет индекса, он работает хорошо. Если у кого-то есть идея исправить эту проблему, пожалуйста, помогите мне.

Answer 1

Существуют различные способы, чтобы решить вашу проблему:

Либо вы используете addClassRules:

// using the class name instead of field name 
jQuery.validator.addClassRules("input_txt_l", { 
    required: true  
}); 

Или обрабатывать каждое поле отдельно, потому что на самом деле они называются разные:

jQuery("#test_form").validate({ 
    rules: { 
     'floor[abc]':{ 
      required:true 
     }, 
     'floor[cde]':{ 
      required:true 
     }, 
    } 
}); 

Или вы переименовываете свои поля:

HTML:

<input name="floor[][abc]" type="text" class="input_txt_l " value="" /> 
<input name="floor[][cde]" type="text" class="input_txt_l " value="" /> 

JavaScript:

jQuery("#test_form").validate({ 
    rules: { 
    'floor[]':{ 
     required:true 
    }}, 
}); 

fiddle is here.