如何使用這種形式的驗證腳本添加選擇框表單驗證

Question

IM在我的網站：

$(document).ready(function(){ 
    // Place ID's of all required fields here. 
    required = ["name", "email", "country", "message",]; 
    // If using an ID other than #email or #error then replace it here 
    email = $("#email"); 
    errornotice = $("#error"); 
    // The text to show up within a field when it is incorrect 
    emptyerror = "Please enter a value in field"; 
    emailerror = "Please enter a valid e-mail."; 

    $("#theform").submit(function(){  
     //Validate required fields 
     for (i=0;i<required.length;i++) { 
      var input = $('#'+required[i]); 
      if ((input.val() == "") || (input.val() == emptyerror)) { 
       input.addClass("needsfilled"); 
       input.val(emptyerror); 
       errornotice.fadeIn(750); 
      } else { 
       input.removeClass("needsfilled"); 
      } 

     } 
     // Validate the e-mail. 
     if (!/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(email.val())) { 
      email.addClass("needsfilled"); 
      email.val(emailerror); 
     } 

     //if any inputs on the page have the class 'needsfilled' the form will not submit 
     if ($(":input").hasClass("needsfilled")) { 
      return false; 
     } else { 
      errornotice.hide(); 
      return true; 
     } 
    }); 

    // Clears any fields in the form when the user clicks on them 
    $(":input").focus(function(){  
     if ($(this).hasClass("needsfilled")) { 
      $(this).val(""); 
      $(this).removeClass("needsfilled"); 
     } 
    }); 
}); 

的問題是，我沒有代碼的選擇框

任何人都可以給我的代碼驗證選擇框？ 我的選擇框中的名稱和ID是「國」 並且如果選擇停留在「國家」我希望有一個錯誤通知

Answer 1

使用選定的選項屬性

var country = $('#country option:selected').val(); 

爲你的代碼循環會喜歡

for (i=0;i<required.length;i++) { 
     var input = $('#'+required[i]); 

     if(input.attr('id')== 'country' && $('#country option:selected').val() == "") { 
      input.addClass("needsfilled"); 
      input.val(emptyerror); 
      errornotice.fadeIn(750); 

     }else if ((input.val() == "") || (input.val() == emptyerror)) { 
      input.addClass("needsfilled"); 
      input.val(emptyerror); 
      errornotice.fadeIn(750); 
     } else { 
      input.removeClass("needsfilled"); 
     } 

Answer 2

與

var cntry = $("#country").val(); 
if(empty(cntry)) 
{ 
    alert('Select a country'); 
    return false; 
} 

Answer 3

嘗試你在尋找像http://jsfiddle.net/X5r8r/1109/

<select id="ddlViewBy"> 
<option value=""></option>  
<option value="1">test1</option> 
<option value="2">test2</option> 
<option value="3">test3</option> 
</select> 

<button id="submit"> submit </button> 

$(document).ready(function(){ 
    $("#submit").click(function(){ 
     var select_box_value = $("#ddlViewBy").val(); 
     if(select_box_value == ""){ 
      alert('select value') 
     }else{ 
     alert('success') 
     } 
    }); 
});