2016-05-31 3 views
0

Я использую Nice select, который заменяет текущий <select> выпадающий список с <ul>, который может быть настроен с помощью CSS. Я пытаюсь использовать плагин jQuery Validate, но я не могу заставить его работать с списком <ul>. Он работает хорошо, если я деактивирую «Nice select plugin», и я сохраняю текущее выпадающее меню <select>.JQuery Validate with Nice Выберите плагин

Конкретно форма теперь выглядит следующим образом:

<form id="MyForm"> 
<div class="nice-select"> 
    <ul class="list"> 
    <li class="option selected" data-value=""></li> 
    <li class="option selected" data-value="51"></li> 
    <li class="option selected" data-value="52"></li> 
    <li class="option selected" data-value="53"></li> 
    </ul> 
</div> 
</form> 

и JQuery

$('#MyForm').validate({ 
     rules: { 
      list: { 
       selectcheck: true 
      } 
     } 
    }); 

    jQuery.validator.addMethod('selectcheck', function (value) { 
     return (value != ''); 
    }, "field required"); 
}); 

FIDDLE

(Если вы удалите строку, которая вызова хороший выбор в нижней части яваскрипта текстового поля он будет работать)

Как я могу реализовать jQuery проверяет работу с хорошим выбором?

Любая помощь будет оценена

Благодаря

+0

Возможный дубликат [JQuery ва литье с пользовательским стилем