Проверка формы с помощью поля SELECT с использованием JQuery

Question

JQuery Не уведомляет меня, когда их значение не выбрано из формы рейтинга. Будет ли это потому, что selected = "selected" на самом деле рассматривается как значение jquery?

<label for="rating">Rating</label> 
    <select id="rating" name="rating" /> 
     <option selected="selected" disabled="disabled">Select a Rating</option> 
     <option value="Terrible">Terrible</option> 
     <option value="Fair">Fair</option> 
     <option value="Ok">Ok</option> 
     <option value="Good">Good</option> 
     <option value="Excellent">Excellent</option> 
     </select> 


     $(document).ready(function(){ 

     // No value for movie_title 
     if ($('#movie_title').val() == "") { 
      alert ("No Film"); 
     } 

     // No Value for actor 
     if ($('#leading_name').val() == "") { 
      alert ("No actor"); 
     } 

     // No value for rating 
     if ($('#rating').val() == "") { 
      alert ("No Rating"); 
     } 

     //No value for review 
     if ($('#review').val() == "") { 
      alert ("No review"); 
     } 

    // Focus on first form field. 
     $("input:text:visible:first").focus(); 

    }) 

Answer 1

Это потому, что значением по умолчанию будет текст, если значение не указано.

Дайте значение 0 на ваш выбор по умолчанию и проверить на что:

<option selected="selected" value=0 disabled="disabled">Select a Rating</option> 

Answer 2

Вы можете использовать родную selectedIndex найти индекс первого выбора - https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement

if($('#rating').get(0).selectedIndex === 0){alert("first item")} 

Answer 3

$('#rating').val() возвращается null

http://jsfiddle.net/KFpFq/

Добавление атрибута value не работает в Chrome, хотя проверка на null делает.

console.log($('#rating').val()); //null 
console.log($('#rating').val() == "0"); //false 
console.log($('#rating').val() == null); //true