2016-05-31 7 views
0

私は現在の<select>ドロップダウンをCSSでカスタマイズできる<ul>リストに置き換えたNice selectを使用しています。 jQuery Validateプラグインを使用しようとしましたが、<ul>リストでは機能しません。 「Nice select plugin」を無効にして現在の状態を維持すると正常に機能します<select>ドロップダウンリストJquery Nice with Valid Pluginを選択してください。

具体的に形が今のようになります。あなたはjavascriptのテキストエリアの下に素敵なセレクト呼び出す行を削除した場合

<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は素晴らしい選択でも動作することを検証しますか?

すべてのヘルプは、問題がjqueryの選択したプラグインは、select要素を隠し、それを模倣するために、そのカスタムHTMLを構築することである

おかげ

+0

[jqueryのVAの可能性の重複カスタムスタイルのリッド