下拉的JavaScript/jQuery的表單驗證調試需要幫助

Question

我有以下的jsfiddle設置：

http://jsfiddle.net/xCCA2/

基本上當一個表單提交，大小，選擇下拉菜單進行驗證，以確保選擇已經取得了。如果選擇了有效大小，則表單被張貼。

如果進行了無效選擇，則會彈出警告框「已選擇無效大小」。

請幫我調試一下。

鈮：在頁面上會有很多表單，並且傾向於使用類而不是id。也有一些註釋掉了html，其中表單被設置爲一個類，這可行，但表單中的任何內容都可以點擊，我不想要。只有按鈕應該觸發驗證。

感謝

Answer 1

試試這個

$(".wq").live("click", function() { 
    alert("test"); 
    if($("select").val()!="") 
     alert("not empty"); 
    else{ 
     alert("select a val"); 
    return false; 
} 
     // $(this).submit();  
}); 

http://jsfiddle.net/xCCA2/4/

Answer 2

看看這裏

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

添加

<script type="text/javascript" 
src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.min.js"></script> 

和需要選擇

<select required 

DEMO HERE