为什么 jQuery 表单验证插件在我的页面中不起作用？答案

【问题标题】：Why doesn't jQuery form validation plugin work in my page?为什么 jQuery 表单验证插件在我的页面中不起作用？
【发布时间】：2009-11-28 15:59:42
【问题描述】：

为什么jQuery表单验证插件不起作用？这是代码：

<form id="form2" action="comment.php?id=5" method="post">
    <div>Input your own comment:</div>
<textarea id="textarea2" name="textarea2" rows="3" cols="29"></textarea><br/>
<input type="submit" value="Submit"></form></div>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>
<script>
$(document).ready(function(){ 
    $("#form2").validate(
    { 
        rules: { 
         textarea2: {
            required: true,
             minlength:30

        }
        }, 
          messages: { 


        }); 
 }); 
</script>

还有

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

存在于该页面的页眉中。

jQuery 插件不起作用。怎么了？

【问题讨论】：

提示：如果您还没有安装，请安装 firebug (getfirebug.com)，这是一个非常适合 Web 开发的调试环境。
你能告诉你在运行代码时是否收到任何错误消息吗？也许尝试在 firefox 中使用 firebug 来查看脚本是否实际运行。
你好，史蒂文，我只计算了 5 个开方括号和 4 个右方括号。您的消息中缺少 }：元素在将代码传输到此站点时，您的代码中是否缺少 }？
@Luke Duddridge，你是对的。我错过了一个封闭的摆动括号。我在你的建议的帮助下修好了。非常感谢。

标签： jquery jquery-plugins jquery-validate

【解决方案1】：

您是否尝试过这样做：

$("#form2").validate();

关于文件准备好了！看看这是否有效？

另外，试试这个看看你得到了什么价值：

alert($("#form2").validate().form());

它返回布尔值。

当然你需要添加：

class="required"

到您的文本区域。并尝试为您的元素命名和 id，如果可能的话，它们会有所不同！

【讨论】：

【解决方案2】：

正如the OP's comment 所确认的，缺少一个大括号，如下所示...

$(document).ready(function(){ 
    $("#form2").validate({ 
        rules: { 
            textarea2: {
                required: true,
                minlength:30
            }
        }, 
        messages: { 

        } // <- this brace was missing
    }); 
});

【讨论】：