Плагин проверки JQuery: убедитесь, что поле формы не имеет определенного значения - PullRequest
1 голос
/ 02 февраля 2010

Я использую плагин проверки Jquery, полученный из здесь .

Он хорошо работает для обязательных полей, электронной почты и т. Д., Однако я хотел бы установить некоторые конкретные правила проверки для определенных полей формы. Например, у меня есть поле формы выбора, которое содержит следующие параметры ...

    <select name="salutation" id="salutation" class="conditional">
    <option value="0">--- Please Select ---</option>
            <option value="1">--- MR ---</option>
            <option value="2">--- MRS ---</option>
    </select>

Затем я хотел бы использовать плагин проверки для отображения сообщения, если приветствие не было выбрано. Т.е.

    $("#userForm").validate({
   // Validate Fields On Blur   
      onfocusout: function(element){
      this.element(element);
   },
     // Set Specific Rules for Validation
     rules:{
     salutation: {
        NEQ:0                   
             }
    },
    messages:{
    salutation: {
    NEQ: "please select a salutation"               
     }
    }
   });

Интересно, есть ли у кого-нибудь идеи о том, как настроить плагин, чтобы разрешить такие вещи. Большое спасибо

Ответы [ 2 ]

1 голос
/ 02 февраля 2010

вы можете использовать диапазон в этом случае

range: [1, 2]
0 голосов
/ 02 февраля 2010

Оставьте значение пустым для опции «Пожалуйста, выберите» и сделайте поле выбора обязательным, присвоив ему класс required. Этого должно быть достаточно, чтобы убедиться, что выбран один из других вариантов. Обратите внимание, что у него будет сообщение по умолчанию: «Это поле обязательно для заполнения». вместо вашего собственного сообщения, но вы также можете настроить его.

<select name="salutation" id="salutation" class="required"> 
    <option value="">--- Please Select ---</option> 
    <option value="1">--- MR ---</option> 
    <option value="2">--- MRS ---</option> 
</select> 

$("#userForm").validate({ 
  // Validate Fields On Blur    
  onfocusout: function(element){ 
                  this.element(element); 
              }
});
...