jQuery UI диалог с проверкой на выбор

Question

Я хочу проверить выбор. Это избранных:

<select id="ccategory" name="category" class="input"> 
    <option value="0" selected="selected">[Choose Category]</option> 
    <option value="Arts and entertainment">Arts and entertainment</option> 
    <option value="Automotive">Automotive</option> 
    <option value="Business">Business</option> 
    <option value="Computers">Computers</option> 
    <option value="Games">Games</option> 
    <option value="Health">Health</option> 
    <option value="Internet">Internet</option> 
    <option value="News and Media">News and Media</option> 
    <option value="Recreation">Recreation</option> 
    <option value="Reference">Reference</option> 
    <option value="Shopping">Shopping</option> 
    <option value="Sports">Sports</option> 
    <option value="World">World</option> 
</select> 

И это скрипт для проверки избранных:

$(document).ready(function() { 
    $('#dialog').validate({ 
    rules: { 
     category: { required: true }, 
    }, 
    submitHandler: function (form) { // for demo 
     alert('valid form'); // for demo 
     return false; // for demo 
    } 
    }); 
}); 

Это DEMO

Эта функция утверждает представить сформируем также, когда у меня есть значение из выберите в: selected

<option value="0" selected="selected">[Choose Category]</option> 

Как сменить сценарий не одобрить или подтвердить выбор при value="0"? Возможно, если возможно, с сообщением рядом с выбором.

Сообщение: «Это поле обязательно для заполнения».

Это demo для проверки на первом текстовом поле.

Answer 1

Проверить here

JS/JQuery

$('#dialog').validate({ 
    rules: { 
     category: 
     { 
      required: true 
     }, 
    }, 
    submitHandler: function (form) { // for demo 
     if ($('#ccategory').val() == 0){ 
      document.getElementById('choose_own_text').innerHTML = "Please change here"; 
      return false;} 
    // console.log($('#ccategory').val()); 
     alert('valid form'); // for demo 
     return false; // for demo 
    } 
}); 

Я добавил if ($('#ccategory').val() == 0){return false;}, как это он проверяет, является ли значение избранных равно 0, и возвращает ложное к отправке.

CSS

#choose_own_text { 
    display:inline; 
    color:red; 
}