jquery validation не работает для этого кода

Question

Может ли кто-нибудь из вас понять, почему этот код не работает? Я могу нажать кнопку «Отправить» и перейти на следующую страницу, не выбрав ничего. Я хочу, чтобы пользователю разрешалось перейти на следующую страницу, только если пользователь выбирает любой переключатель. Благодаря

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script> 
<script type='text/javascript' src='http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js'></script> 

    <script> 
    $.noConflict(); 
    $(document).ready(function(){ 
    $("#form1").validate(); 
    }); 
    </script> 

<form method="post" action="/action" id="form1" class="styled" enctype="multipart/form-data"> 
    <label for="name">1. Choose Category</label><br /> 
<select class="required" id="cat1" name="category"> 
       <option>select Category</option> 

        <option class="required" value="10">Cars</option> 
        <option class="required" value="8">House</option> 
        <option class="required" value="11">Mobiles</option> 
        <option class="required" value="3">Bus</option> 
        <option class="required" value="6">Services</option> 
      </select> 

     <input type="submit" name="buttonSubmit" value="Next Step" class="btn-submit img-swap" id="submit" /> 
</form> 

Answer 1

От быстрого просмотра, ваш код, кажется, хорошо, но после детального просмотра, преступник это HTML строка:

<option>select Category</option> 

... который также требует, чтобы иметь (п) (пусто) value атрибут плагин работать должным образом, поэтому он должен выглядеть следующим образом:

<option value="">select Category</option> 

... или намного лучше:

<option selected="" value="" disabled="disabled">select Category</option> 

См JSFIDDLE с помощью JQuery v1.6.4, как в моем предыдущем комментарии