带有多个选择框的Jquery表单验证

Jquery form validation with multple select boxes

本文关键字:Jquery 表单 验证 选择      更新时间:2023-11-08

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

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>
jquery.validation使用name属性绑定。为您的选择命名。