使用jQuery Validator验证来自选择框的值数组

Question

我要验证每个选择框。选择框的数量取决于从数据库检索的值。.我的代码如下。.但是它不起作用...

<script>
    $(document).ready(function () {
        $("#multipleForm").find("status").each(function () {
            $(this).validate({
                rules: {
                    'status[]': {
                        required: true
                    }
                }
            });
        });
    });
</script>

<form role="form" enctype="multipart/form-data" method="post" action="update.php" id="multipleForm">
    <?php $cl=m ysql_query( "select * from demo where id='$cid'"); while($v2=mysql_fetch_array($cl)){ ?>
    <label>
        <?php echo $v2[ 'details'] ; ?>
    </label>
    <textarea name="remarks[]"></textarea>
    <label>Status</label>
    <select name="status[]">
        <option value="">select status</option>
        <option value="NC">yes</option>
        <option value="PC">no</option>
    </select>
    <?php } ?>
</form>`

谁能帮我解决这个问题？

Answer 1

这里

$("#multipleForm").find("status")

您已将status用作标签，而没有。

请尝试以下操作- select[name=status]

即$("#multipleForm").find(" select[name=status]" )

使用jQuery验证程序插件时，您还可以做一件事，即可以验证表单而不是选择性元素，而仅对不同元素使用必要的类名

例如<select class='required'>...</select>

和

$("#formid").validate();

更新资料

尝试这个 -

 $("#multipleForm").validate({
                    rules: {
                        'status': {
                            required: true
                        }
                    }
            });

注意：

确保验证器插件已按正确的顺序加载，并且.validate()已准备就绪，可以使用。