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

时间:2009-11-28 15:59:43

标签: jquery jquery-plugins jquery-validate

为什么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插件不起作用。怎么了?

2 个答案:

答案 0 :(得分:4)

你试过这么做:

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

准备好文件! 看看是否有效?

另外,试试看看你得到了什么价值:

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

它返回布尔。

当然,您需要添加:

class="required"

到您的文字区域。 并试着给你的元素一个名字和一个id,如果可能的话,这是不同的!

答案 1 :(得分:0)

正如the OP's comment确认的那样,如下所示,缺少一个支撑......

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

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