jQuery Подтвердить Требуется Выбрать

Я пытаюсь проверить выбор HTML-элемента с помощью плагина jQuery Validate. Я установил для «требуемого» правила значение true, но оно всегда проходит проверку, поскольку по умолчанию выбирается нулевой индекс. Есть ли способ определить пустое значение, которое используется обязательным правилом?

UPD. Пример. Представьте, что у нас есть следующий элемент управления HTML:

<select>
  <option value="default">Choose...</option>
  <option value="1">1</option>
  <option value="2">2</option>
</select>

Я хочу, чтобы плагин валидации использовал значение по умолчанию как пустое.

Вы можете написать свое собственное правило!

 // add the rule here
 $.validator.addMethod("valueNotEquals", function(value, element, arg){
  return arg !== value;
 }, "Value must not equal arg.");

 // configure your validation
 $("form").validate({
  rules: {
   SelectName: { valueNotEquals: "default" }
  },
  messages: {
   SelectName: { valueNotEquals: "Please select an item!" }
  }  
 });

Здесь было изложено более простое решение: подтвердить выбор

Сделайте значение пустым и добавьте обязательный атрибут

<select id="select" class="required">
<option value="">Choose an option</option> 
<option value="option1">Option1</option>
<option value="option2">Option2</option>
<option value="option3">Option3</option>
</select>

самое простое решение

просто установите значение первой опции в пустую строку value=""

<option value="">Choose...</option>

и правило проверки JQuery requiredwill work

использовать минимальное правило

установите значение первой опции на 0

'selectName':{min:1}

Вам нужно только указать в validate[required]качестве класса этого выбора, а затем поставить параметр со значением = ""

например:

<select class="validate[required]">
  <option value="">Choose...</option>
  <option value="1">1</option>
  <option value="2">2</option>
</select>

Я не знаю, каким был плагин, когда был задан вопрос (2010), но сегодня я столкнулся с той же проблемой и решил ее следующим образом:

1. Дайте выбранному тегу атрибут имени. Например, в этом случае

   <select name="myselect">

2. Вместо работы с атрибутом value = "default" в параметре тега отключите параметр по умолчанию или установите значение = "", как это было предложено Andrew Coats

   <option disabled="disabled">Choose...</option>

   или

   <option value="">Choose...</option>

3. Установите правило проверки плагина

   $( "#YOUR_FORM_ID" ).validate({ rules: { myselect: { required: true } } });

   или

   <select name="myselect" class="required">

Obs: решение Эндрю Коутса работает, только если у вас есть только один выбор в вашей форме. Если вы хотите, чтобы его решение работало более чем с одним выбором, добавьте атрибут name к вашему выбору.

Надеюсь, поможет! :)

Вот простой и понятный пример:

   <select class="design" id="sel" name="subject">
        <option value="0">- Please Select -</option>
        <option value="1"> Example1 </option>
        <option value="2"> Example2 </option>
        <option value="3"> Example3 </option>
        <option value="4"> Example4 </option>
   </select>

    <label class="error" id="select_error" style="color:#FC2727"><b> Warning : You have to Select One Item.</b></label><td>

    <input type="submit" name="sub" value="Gönder" class="">

JQuery:

jQuery(function() {  

jQuery('.error').hide(); // Hide Warning Label. 

jQuery("input[name=sub]").on("click", function() {

   var returnvalue;

   if(jQuery("select[name=subject]").val() == 0) {

        jQuery("label#select_error").show(); // show Warning 
        jQuery("select#sel").focus();  // Focus the select box      
        returnvalue=false;   

}

return returnvalue;

});
      });  // you can change jQuery with $

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>

 <form id="myform"> 
       <select class="form-control" name="user_type">
        <option value="">Select</option>
        <option value="2">1</option>
        <option value="3">2</option>
        </select>
       </form>


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

выберите значение будет пустым

Все просто, вам нужно получить значение поля Select, и оно не может быть «по умолчанию».

if($('select').val()=='default'){
    alert('Please, choose an option');
    return false;
}

Решение упоминается @JMP работал в моем случае с небольшим изменением: я использую element.valueвместо valueв addmethod.

$.validator.addMethod("valueNotEquals", function(value, element, arg){
    // I use element.value instead value here, value parameter was always null
    return arg != element.value; 
}, "Value must not equal arg.");

// configure your validation
$("form").validate({
    rules: {
        SelectName: { valueNotEquals: "0" }
    },
    messages: {
        SelectName: { valueNotEquals: "Please select an item!" }
    }  
});

Вполне возможно, что у меня есть особый случай, но я не нашел причину. Но решение @ JMP должно работать в обычных случаях.

как подтвердить выбор "Qualifica" он имеет 3 выбора

$(document).ready(function(){

    $('.validateForm').validate({
        rules: {
            fullname: 'required',
            ragionesociale: 'required',
            partitaiva: 'required',
            recapitotelefonico: 'required',
            qualifica: 'required',
            email: {
                required: true,
                email: true
            },
        },
        submitHandler: function(form) {

            var fullname = $('#fullname').val(),
                            ragionesociale = $('#ragionesociale').val(),
                            partitaiva = $('#partitaiva').val(),
                            email = $('#email').val(),
                            recapitotelefonico = $('#recapitotelefonico').val(),
                            qualifica = $('#qualifica').val(),
                            dataString = 'fullname=' + fullname + '&ragionesociale=' + ragionesociale + '&partitaiva=' + partitaiva + '&email=' + email + '&recapitotelefonico=' + recapitotelefonico + '&qualifica=' + qualifica;

            $.ajax({
                type: "POST",
                url: "util/sender.php",
                data: dataString,
                success: function() {

                    window.location.replace("./thank-you-page.php");


                }
            });
            return false;
        }
    });

});