Проверка правильности выбора jQuery

У меня есть следующий код в jQuery.
Мне нужно отобразить валидационное сообщение "Year Required", когда значение параметра select равно "0".

<script type="text/javascript">
$(document).ready(function () {
   $("#register").validate({
       debug: true,
       rules: {
           year: {
               required: function () {
                   if ($("#year option[value='0']")) {
                       return true;
                   } else {
                       return false;
                   }
               }
           }
       },
       messages: {
           year: "Year Required",
       },
   });
})
</script>

Выберите поле

<select name="year"  id="year">
    <option value="0">Year</option>
    <option value="1">1919</option>
    <option value="2">1920</option>
    <option value="3">1921</option>
    <option value="4">1922</option>
</select>

Ответы

Ответ 1

Поскольку вы не можете установить value="" в свой первый option, вам нужно создать свое собственное правило, используя встроенный метод addMethod().

JQuery

$(document).ready(function () {

    $('#myform').validate({ // initialize the plugin
        rules: {
            year: {
                selectcheck: true
            }
        }
    });

    jQuery.validator.addMethod('selectcheck', function (value) {
        return (value != '0');
    }, "year required");

});

HTML

<select name="year">
    <option value="0">Year</option>
    <option value="1">1955</option>
    <option value="2">1956</option>
</select>

Рабочая демонстрация: http://jsfiddle.net/tPRNd/

Исходный ответ: (Только если вы можете установить value="" в пределах первого option)

Чтобы правильно проверить элемент select с плагином jQuery Validate, просто требуется, чтобы первый option содержал value="". Поэтому удалите 0 из value="0" и зафиксируйте его.

JQuery

$(document).ready(function () {

    $('#myform').validate({ // initialize the plugin
        rules: {
            year: {
                required: true,
            }
        }
    });

});

HTML

<select name="year">
    <option value="">Year</option>
    <option value="1">1955</option>
    <option value="2">1956</option>
</select>

Демо: http://jsfiddle.net/XGtEr/

Ответ 2

Чтобы поставить правило require в списке выбора, вам просто нужно вариант с пустым значением

<option value="">Year</option>

то просто применить требуемое само по себе достаточно

<script>
    $(function () {
        $("form").validate();
    });
</script>

с формой

<form>
<select name="year" id="year" class="required">
    <option value="">Year</option>
    <option value="1">1919</option>
    <option value="2">1920</option>
    <option value="3">1921</option>
    <option value="4">1922</option>
</select>
<input type="submit" />
</form>

скрипка здесь

Ответ 3

http://docs.jquery.com/Plugins/Validation/Methods/required

отредактируйте код для 'select', как показано ниже, для проверки выбора 0 или нулевого значения из списка выбора

case 'select':
var options = $("option:selected", element);
return (options[0].value != 0 && options.length > 0 && options[0].value != '') && (element.type == "select-multiple" || ($.browser.msie && !(options[0].attributes['value'].specified) ? options[0].text : options[0].value).length > 0);

Ответ 4

JQuery Select Box Validation. Вы можете оповещать сообщение через оповещение или поместить сообщение в Div в соответствии с вашими требованиями.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="message"></div>
<form method="post">
<select name="year"  id="year">
    <option value="0">Year</option>
    <option value="1">1919</option>
    <option value="2">1920</option>
    <option value="3">1921</option>
    <option value="4">1922</option>
</select>
<button id="clickme">Click</button>
</form>
<script>
$("#clickme").click(function(){

if( $("#year option:selected").val()=='0'){

alert("Please select one option at least");

  $("#message").html("Select At least one option");

}


});

</script>

Ответ 5

упростите все это, исправьте некоторые проблемы запятыми, которые взорвут некоторые браузеры:

  $(document).ready(function () {
       $("#register").validate({
           debug: true,
           rules: {
               year: {
                   required: function () {
                       return ($("#year option:selected").val() == "0");
                   }
               }
           },
           messages: {
               year: "Year Required"
           }
       });
   });

Прыгая к предположению, если ваш выбор не имеет этого атрибута validate="required:true"?