我怎样才能在选择标签使用jQuery验证框架

Question

如何使用jQuery验证框架的一个选择选项卡上

这是我的小提琴

http://jsfiddle.net/2yXsL/377/

我曾尝试为

<select id="BsnessType" name="BsnessType" class="span12 valid"> 
<option value="SELECT">SELECT</option> 
<option value="101">Theatre</option> 
<option value="102">Restaurant</option> 
</select> 



$('#mailer').validate({ 
    focusInvalid: false, 
    debug: true, 
    rules: { 
     name: { 
      required: true 
     }, 
     email_address: { 
      required: true, 
     }, 
     BsnessType: { 
      required: true, 
     } 

    }, 
    messages: { 
     name: { 
      required: 'name required' 
     }, 
     email_address: { 
      required: 'email required', 
      email: 'email address is not valid' 
     }, 
     BsnessType: { 
      required: 'BsnessType is required', 

     } 

    }, 
     submitHandler: function(event, validator) { 
     if ($("#mailer").valid()) { 
     callformsubmit(); 
     return false; 
     } 
    } 

}); 

请让我知道如何做到这一点？

Answer 1

为选项SELECT设置空值。这是你的fiddle updated.。空值意味着没有任何内容，它会触发验证所需的。

<option value="">SELECT</option>