양식 유효성 검사 : 선택

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

공지 사항입니다 (jQuery를 발을 사용하여()). "guests"변수의 "value"속성에 액세스 할 필요가 없습니다.

두 번째로 비교 대상은 문자열 "Guests"가 아닌 Guests 인 식별자입니다. 문자열 리터럴로 만들려면 따옴표를 붙이는 것이 좋습니다.

이 예는 여기에서 볼 수 있습니다. http://jsfiddle.net/tbuCJ/