使用多个选择框进行Jquery表单验证

Question

我在使用此插件在多个选择框上显示表单验证时遇到了一些问题：

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

验证似乎仅适用于第一个选择框。如果第一个选择框未被选中，它将呈现验证错误，但是，如果以下选择为空，则它将提交表单而不进行验证。

我已经使用过这个插件，它可以完美地处理多个文本输入，但这是我第一次尝试多个选择框。

<form action="someactionhere" method="POST" class="form" id="errors">
                        <label>First Select</label><br>
                        <select id="first" class="required">
                                <option selected="" value="">Select</option>
                                <option value="first">first</option>
                                <option value="second">second</option>
                                <option value="third">third</option>
                        </select><br><br>
                        <label>Second Select</label><br>
                        <select id="second" class="required">
                                <option selected="" value="">Select</option>
                                <option value="first">first</option>
                                <option value="second">second</option>
                                <option value="third">third</option>
                        </select>
                        <button type="submit" class="button">SUBMIT</button>
</form>
<script src="/js/jquery-1.7.1.js" type="text/javascript"></script>
<script src="/js/jquery.validate.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#errors").validate();
    });
</script>

Answer 1

jquery.validation使用name属性绑定。为您的选择命名。