Question

我使用JQuery验证插件jquery.validate以这种方式验证我的表单输入：

<form id="loginForm" name="loginForm" action="" method="POST">
        <input name="username" type="text" />
        <input name="password" type="password" />
        <input type="submit" value="Login!" />
    </form>
</div>
<script>
    $("#loginForm").validate({ rules: { username: "required", password: "required" } });

虽然上面的工作正常，但我还需要对不在表单内部的元素进行输入验证，并且使用jQuery等动态地将它们发送到服务器。所以我的问题是，是否可以验证不是这样的单个元素使用jQuery Validation的内部表单元素，如下所示：

 <tr>
            <td><label>Product Name</label></td>
            <td colspan="2">
                <select name="prdNme" id="prdNme" placeholder="Enter Product Name..." >
                    <option data-id='' data-pnme='' data-price='' value=''></option>
                </select></td>
        </tr>
        <tr>
            <td><label>Quantity</label></td>
            <td colspan="2">
                <input type="text" style="width: 80px" placeholder="Quantity" id="qntty" /></td>
        </tr>

如果是，那怎么样？如果没有，我怎么能在不编写全新的验证函数的情况下验证它们呢？

Answer 1

引用OP：

“...我还需要对不在表单内的元素进行输入验证...所以我的问题是，是否可以验证这样的个人使用jQuery验证“
的元素不在表单元素中

没有。使用jQuery Validate插件无法验证<form></form>标记中未包含的任何输入元素。

所有输入元素必须包含在form标记中，.validate()附加到form元素以初始化插件。没有其他办法。这是设计的。

See: documentation...

“验证表单，就像之前从未验证过一样！”

引用OP：

“如果没有，那么如何在不编写全新验证功能的情况下验证它们？”

为什么你需要重写任何东西？只需将输入元素包装在一组<form></form>标记中即可。

使用jQuery验证验证单个元素

1 个答案: