驗證了

Question

我想驗證我的tabout.The下拉列表下拉列表中所示

<div class="form-group"> 
      <label class="col-sm-2 control-label labelfont">Select a Provider Type:</label> 
      <div class="col-sm-10" id="ProviderType"> 
       <select class="form-control"> 
        <option>Select a Provider Type</option> 
        <option>Doctor</option> 
        <option>Facility</option> 
       </select> 
      </div> 
     </div> 

我寫了下面的代碼，以獲得標籤了

$("#ProviderType").on("blur", function() { 
    if ($("this")[0].selectedindex <= 0) 
     alert("Please choose a Provider"); 
}); 

警報選項卡上的一個下拉列表

上面的代碼沒有工作，

所以，我想這個代碼不工作，要麼

$("#ProviderType option:selected").on("blur", function() { 
    if ($("this").text() == "Select a Provider Type") 
     alert("Please choose a Provider"); 
}); 

任何幫助，將不勝感激guys.Thanks提前。

建議我使用.bind（）方法做了一些事件處理。

$("#Certification").bind("blur",function() { 
    alert("Event binding is working fine.") 
}); 

我看到一個警報，當Tabdown出Dropdownlist.I仍然沒有看到錯誤雖然。請指導我。

Answer 1

溶液1 - 設置空值到第一選項

一個解決方案可以是一個空的值設置爲第一個選項，然後檢查選擇的值

$("#Certification").bind("blur",function() { 
    var selected_value = $(this).val(); 
    if(selected_value==null || selected_value=='') { 
     alert("Please choose a Provider"); 
    } 
}); 

Fiddle

這可以用於在元素失去焦點後檢查值。然而，這種解決方案可能會讓用戶煩惱，因爲他們可能想要回來並做出新的選擇。所以，你可以評估第二個解決方案。

解決方案2 - 隱藏第一個選項

另一種解決方案可能是隱藏從列表中的第一個選項，使用戶不能選擇它，然後檢查選擇的值畢竟，即在表單提交。

$("#myform").submit(function() { 
    var selected_value = $("#Certification").val(); 
    if(selected_value==null || selected_value=='') { 
     alert("Please choose a Provider"); 
     return false; 
    } 
    return false; // remove this line in real form submission 
}); 

Fiddle