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/