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

如果您已经在使用jQuery，请尝试验证插件（http://bassistance.de/jquery-plugins/jquery-plugin-validation/）。很多灵活性，它可以用最少的代码完成您想要的任务。

Answer 2

使用HTML 5，您不需要任何验证。查看HTML和JavaScript： http://jsfiddle.net/christopherpl/AkJQn/1/

Answer 3

$("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();
});