styledSelect和jQuery驗證

我用我的下拉菜單styledselect ... http://code.google.com/p/lnet/wiki/jQueryStyledSelectOverview styledSelect和jQuery驗證

我還使用jQuery的驗證插件 http://bassistance.de/jquery-plugins/jquery-plugin-validation/

我怎樣才能得到驗證對工作'styledSelect'下拉菜單？

我的下拉HTML是

<select name="gender" class="required"> 
    <option value="" selected="selected">Select Gender</option> 
    <option value="Male">Male</option> 
    <option value="Female">Female</option> 
</select>

的styledSelect插件後所產生的HTML做的事情是

<select name="gender" class="required" style="display: none;"> 
     <option value="" selected="selected">Select Gender</option> 
     <option value="Male">Male</option> 
     <option value="Female">Female</option> 
    </select>  

<div class="styledSelect"> 
     <ul> 
      <li rel class="option selected first">Select Gender</li> 
      <li rel="Male" class="option">Male</li> 
      <li rel="Female" class="option last">Female</li> 
     </ul> 
    </div>

選定的元素（LI）從列表中獲取類的「選擇」。

我當前的驗證插件js是其最簡單的設置。

$('.signupform').validate();

任何幫助將不勝感激！

來源

2012-10-09 Adam

This的jsfiddle我做了應該解釋。您可以使用errorPlacement選項將錯誤消息放在任何您喜歡的位置。

來源

2012-10-09 09:20:53

例如：

<script type="text/javascript"> 
/*validate form*/ 
$(document).ready(function() { 
    var validator = $("#form1").validate({ 
     rules:{ 
      gender: {required: true} 

     }, 
    errorClass: "invalid", 
     errorElement: "div" 
    }); 
}); 
</script>

來源

2012-10-09 08:29:16 bodi0

styledSelect和jQuery驗證

回答

相關問題