在while循环中进行jQuery验证

时间:2015-04-28 12:00:55

标签: javascript php jquery validation

所以我使用jQuery验证插件在我的一个页面上的php while循环中验证文本框。

我遇到的问题是验证仅适用于第一个文本框而不适用于其他文本框。

我尝试过分配一个唯一的密钥,而不是用表单的id验证它,但到目前为止我还没有运气。可能是因为我认为我的分配不正确。

这是我的jQuery脚本:

<script type="text/javascript">
jQuery(document).ready(function($) {
$.validator.addMethod('minNum', function (value, el, param) {
return value > param;
},
"Enter a number greater than 0!");
$("#quantityInputUser").validate({
    rules: {
        quantityInput: {
            required: true,
            minNum: 0,
            number: true,
            maxlength:2
            }
        },
    messages: {
        quantityInput: {
            required: "The quantity is required!",
            minNum: "Enter a number greater than 0!",
            number: "Enter a number!",
            maxlength: "Quantity must be between 1-99!"
        },
    }
});         
});

 </script>

这是while循环中的表单:

 while($row2 = mysqli_fetch_array($itemQuery3)){
                                //some variables are assigned

                                //other stuff happens

        echo "<form action='menu.php' method='post' id='quantityInputUser'>";
                        echo '<div class="row"><h5> Quantity: </h5><input type="number" id="text" maxlength="2" name="quantityInput" value="'.$qty.'"/></div></div>';

         echo "<div class='row'>
         <input class='send' type='submit' name='updateCart' value='Update Cart'/>
         <input name='itemAdjust' type='hidden' value='$itemID'/>
         </form></div>";

}

如果有人能够指出我如何在表单中分配一个唯一键然后在脚本文件中引用它,那将非常感激。

编辑:道歉,如果我没有说清楚,表格是在while循环中创建的,因此有多种形式。

1 个答案:

答案 0 :(得分:1)

另一个答案实际上非常接近。您应该将其更改为类,如下所示:

$config['enable_hooks'] = TRUE;

但是你的javascript应该更像这样:

echo "<form action='menu.php' method='post' class='quantityInputUser'>";