validate.js始终验证

Question

我的jQuery：

 <script src="js/jquery-1.4.4.js" type="text/javascript"></script>
 <script src="js/jquery.validate.js" type="text/javascript"></script>
    <script type="text/javascript">

       $(function() {
            var v = $("#form1").validate({
                ignore: ':hidden',
                rules: {
                    txtTest: { required: true }

                },
                messages: {
                    txtTest: "User name is required."

                }

            });

            $("#btnTest").click(function() {
                if (v.form()) {
                    alert("Success");
                }
                else {
                    alert("Fail");
                }
            });
        });

    </script>

而我的HTML是：

 <input type="text" id="txtTest" />
 <input type="button" id="btnTest" value="Test" />

尽管txtTest为空，但其火灾alert("Success"); 。切勿进入else条件。切勿触发火灾alert("Fail"); 。它在萤火虫中没有显示任何错误。我找不到我的错误。

Answer 1

请参阅演示工作 http://jsfiddle.net/Xc3d5/ 用电子邮件进一步 http://jsfiddle.net/LjMQ2/1/

请参阅验证element api： http : //docs.jquery.com/Plugins/Validation/Validator/element#element

使用v.form()不会做任何事情，我认为使用.element然后传递要验证的元素。 其余的演示将使其清楚。

希望这可以帮助 ：）

码

var v = $("form").validate({
    submitHandler: function() {
        console.log('successful submit');
        return false;
    }
});

$("#btnTest").click(function() {
    if (v.element('#txtTest')) {
        alert("Success");
    }
    else {
        alert("Fail");
    }
});

Answer 2

您遇到的唯一问题是表单中的每个输入或选择都必须具有name属性。

因此，您的输入应如下所示：

<input type="text" id="txtTest" name="txtTest" />

除此之外，您的所有演示对我来说都很好-我将@Tats_innit演示简化为： http : //jsfiddle.net/ryleyb/LjMQ2/2/

如果您需要在表单提交成功失败时做一些特定的事情，那么正确的位置应该在submitHandler或invalidHandler 。 如果要触发验证，则合理的做法是执行$('form').submit() 。