zorro76
@zorro76

Как с помощью jquery validate провалидировать кастомный select?

С помощью jquery сделана кастомизация обычного select, в разметке это выглядит так:
<div class="select-wrapper">
  <div class="styled-dropdown">
    <p>Choose a Group...</p>
    <ul class="styled-dropdown-list" style="display: none;">
     <li id="">Choose a Group...</li>
     <li id="35">text1</li>
     <li id="34">text2</li>
     <li id="36">text3</li>
   </ul>
  </div>

  <select class="activity-group-dropdown conditional-dropdown error" required="required" 
 name="activity[activity_group_id]" id="activity_activity_group_id" style="display: none;" 
 aria-required="true">
   <option value="">Choose a Group...</option>
   <option value="34">text1</option>
   <option value="35">text2</option>
   <option value="36">text3</option>
  </select>
</div>


$('form').validate(
      {
        ignore: [],
        rules:
        {
          name:
          {
            required: true
          }
        }
    });

с помощью jquery.validate хочу на form повесить валидацию, она срабатывает для select добавляется класс error (но у него свойство display: none и соответственно ничего не отображается) как повесить этот класс error на styled-dropdown?
  • Вопрос задан
  • 36 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы