-1

我正在使用 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>

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

4

1 回答 1

0

引用操作：

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

不可以。使用 jQuery Validate 插件无法验证<form></form>标签中不包含的任何输入元素。

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

请参阅：文档...

“验证您以前从未验证过的表单！”

引用操作：

“如果不是，那么我如何在不编写全新的验证函数的情况下验证它们？”

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

于 2013-07-19T16:50:16.560 回答