jquery - $ ("#form1").validate 不是一个函数

Question

<script type="text/javascript">
<!--
$(document).ready(function() { 
      $("#form1").validate({ 
        rules: { 
         budget: {
            required: true,
             minlength:3
        } ,
       duration: {
            required: true,
            digits:true
        }, 
         town: {
            required: true,
             minlength:2

        },

       content: {
            required: true,
            minlength:300 

        }
         }, 
        messages: { 


        } 
          }); 
        });
        -->
</script>

包含两个 jquery 文件。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="../common/jquery.validate.js"></script>

包含在内。包含进去没有什么问题。

我收到一条错误消息

$("#form1").validate is not a function What's wrong?

Answer 1

将 jQuery 脚本标签放在验证脚本标签之前

我刚刚遇到了这个极其令人沮丧的错误，并且由于网上缺乏可行的答案而浪费了大约一个小时的时间。我在 Firebug 中确认我正在使用 CDN 进行 jQuery 和验证。

最后，改变这个:

    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.4.min.js"></script>

对此:

    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>

这就是我所需要的。