2016-07-07 1 views
1
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">   </script> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/jquery.validate.js"></script> 
<script> 
    $(document).ready(function() { 
     $("#signupform").validate({ 
      rules:{ 
       email: { 
        required: true, 
        minlength: 10 
       }, 
       password: { 
        required: true 
       }, 
       password2: { 
        equalTo: "#password" 
       } 
      }, 
      messages: { 
       email: "test" 
      } 
     }); 
    }); 
</script> 

は私がに置かれvalidateメソッドを呼び出すための私のコードで頭にjquery.validate.jsコードを置いた場合でも、「$(...)。検証は関数ではありません」。 $(...)と言っています。validateは関数ではありません。私は真上

はその後、私はこの削除:

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/jquery.validate.js"></script> 

を、私は直接、validateメソッドは、既存しなければならないことになっている<script></script>、 の内側に頭の中に、私は「http://ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/jquery.validate.js」を訪問してもらうJSコードを配置しました今、 しかし、私はまだ$(...)を取得します。validateは関数ではありません。

誰もがここで問題の原因を知っていますか?

+0

'$(document).ready(function(){})の外側にコードを入れてみてください。 –

+0

' console.log($( "#signupform"))を実行すると、 '? –

+0

2つの異なるバージョンの 'jQuery'を同じページに含めないようにしてください。また、 'jQuery'が' $ '変数とそれ以外のJavaScriptフレームワークを使用していないことを確認してください。 –

答えて

0

ご意見ありがとうございました。

私は最終的にこの問題の原因を見つけました: ボディのボトムに自動的にjqueryスクリプトリンクを追加して、2つのjquerysが追加された結果のページを作成します。 IDEでコードを調べるだけで追加されたこの邪悪な余分なjqueryを見つけることができます。

+0

その場合、コードで 'jQuery.noConflict()'を使用し、後でロードされた他のバージョンのjqueryとの競合を避けることができます。 https://api.jquery.com/jquery.noconflict/ –

関連する問題