如何在select标签上使用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>