フォームの検証：選択

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> 

コードは、あなたの "ゲスト" は変数がすでに（）はjQueryのvalを使用して（）select要素の値に設定されていることを

 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

お知らせです。 "guests"変数の "value"プロパティにアクセスする必要はありません。

第2に、比較対象は識別子「Guests」であり、文字列「Guests」ではありません。それを文字列リテラルにするために引用符を付けることが望ましいでしょう。

この例はここにあります：http://jsfiddle.net/tbuCJ/