Проверка формы: выберите

Question

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

HTML:

<div id='first_name_error' class='error'><image code here></div>
<div><input type='text' name='first_name' id='first_name' placeholder="YOUR FIRST NAME*"></div>

Number of Guests:*<div id='guests_error' class='error'><img src='img/booking/error.png'></div>
<div><select name='guests' id='guests' style="margin:0px;" SIZE="1"><OPTION SELECTED value="guests">Guests<OPTION>2<OPTION>3<OPTION>4</SELECT></div>

Код

        var error = false;  
    var first_name = $('#first_name').val();
var second_name = $('#second_name').val();
    var email = $('#email').val();
var number = $('#number').val();
var guests = $('#guests').val();
    var message = $('#message').val();

if(first_name.length == 0){var error = true;$('#first_name_error').fadeIn(500);}else{$('#first_name_error').fadeOut(500);}

if(guests.value == Guests){var error = true;$('#guests_error').fadeIn(500);}else{$('#guests_error').fadeOut(500);}

Answer 1

Обратите внимание, что ваша переменная "guest" уже установлена ​​в значение элемента select (с помощью jQuery val ()).Нет необходимости пытаться получить доступ к свойству «value» переменной «guest».

Во-вторых, вы проводите сравнение с идентификатором Guests, а не со строкой «Гости».Вы можете заключить его в кавычки, чтобы сделать его строковым литералом.

Пример этого можно посмотреть здесь: http://jsfiddle.net/tbuCJ/