JavaScript表單驗證，在提交幫助之前？

Question

我有以下形式：

<select name="size"> 
    <option value="">Please Select</option> 
    <option value="1">Medium</option> 
    <option value="2">Large</option> 
</select> 
<select name="material"> 
    <option value="">Please Select</option> 
    <option value="9">Wood</option> 
    <option value="8">Metal</option> 
</select> 
<input type="submit" value="submit"> 

我想一些幫助創造一些JavaScript，當上述表單提交的表單驗證值已被選定，併成功地被提交。如果值沒有被選擇的警報彈出窗口說下列操作之一：

1. 「大小需要選擇和材料需要選擇」
2. 「大小需要選擇」， 或
3. 「材料需要選擇」

感謝

Answer 1

$("form").submit(function(){ 
    if ($("#size").val() == "" && $("#material").val() == "") { alert("Size and material needs to be selected"); return false; } 
    elseif ($("#size").val() == "") { alert("Size needs to be selected"); return false; } 
    elseif ($("#material").val() == "") { alert("Material needs to be selected"); return false;} 
    $(this).submit(); 
}); 

Answer 2

如果找你e已經使用jQuery，請嘗試驗證插件（http://bassistance.de/jquery-plugins/jquery-plugin-validation/）。大量的靈活性，它將完成你想要的，用最少的代碼。

Answer 3

隨着HTML 5，你將不需要任何驗證。看看HTML和JavaScript： http://jsfiddle.net/christopherpl/AkJQn/1/