Question

注意：在提出这个问题之前，我提到了这些问题Qn1，Qn2。但说实话，答案无效。请建议一个解决方案.. 我正在使用jquery验证插件对输入字段进行验证。当所有标记保存在表单标记内并在jquery中访问它时，我的代码工作正常，例如$("#formID").validate() - ＆gt;这工作得很好......但我想为div而不是表单实现相同的效果。

我试过这样的话：$("#divID").validate()但它不起作用......

以下是我的代码。请看一下并告诉我如何实现div。

 <script type="text/javascript">
    $(document).ready(function () {
        $("#content").validate({
            onfocusout: true,
            rules: {
                fullname:
                    {
                    lettersonly: true,
                    required: true
                    },
                age:
                    {
                        required: true,
                        number: true,
                        min: 20,
                        max:98,
                        nowhitespace:true
                    }
            },
            messages: {
                fullname: "Please specify your name.",
                age:"Please enter your correct age."
            }
        });
    });
</script>
<div id="content">
            <p>
                <label for="fullname">Full name:</label>
                <input type="text" name="fullname" id="fullname" /><br />
                <label for="age">Age</label>
                <input type="text" name="age" />
            </p>
            <p>
                <button id="submit" value="">Search User</button>
            </p>
 </div>

Answer 1

引用OP：“注意：在提出这个问题之前，我提到了这些问题Qn1，Qn2。但老实说答案是行不通的。”

不正确，the accepted answer上的Qn2工作正常：

The validation plugin is (currently) designed to work on a <form>, and only on a <form>. You can also note that all of the plugin documentation references a form, not any other generic container.

你必须在jQuery Validate插件中使用form元素。没有解决方法。

但是，如果您只是想在不实际提交form的情况下验证某些输入，那么有很多可行的解决方案。 示例：http://jsfiddle.net/GmQ5d/

<强> Full Documentation

Answer 2

不幸的是，不是您想要听到的答案，但使用JQuery Validate插件，您无法对form标记以外的任何内容执行验证。您可能会注意到all of the plugin documentation引用表单而不是任何其他通用容器，例如Div。

这个website向您展示了如何使用webforms实现JQuery Validate，这不像从JQuery获得的常规示例那么简单，但仍然很好。

Answer 3

jQuery自己的验证仅适用于form。但是，这个plugin看起来应该没有表格。根据他们的文件，我没有亲自测试过。

使用jQuery Validation插件为div而不是表单？

3 个答案: