jQueryの（.validateは関数ではありません）エラーを与えて検証

Hyと私はjQueryのは突然、それは私はそれが私にこのエラーjQueryの（.validateは関数ではありません）エラーを与えて検証

Uncaught TypeError: $(...).validate is not a function

を与えていたすべてのエラーのコンソールをチェックしたときに動作を停止し、それがうまく働いていたプラグインを検証し使用していますすべての

私は多くのフォーラムを読んだが、すべての解決策は私のために働いていない。

これは、ヘッド部本体部分

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#submit").click(function (e) { 
     e.preventDefault(); 

     $('#addpro').validate(); 

     var form = $("#addpro"); 
     var itemm = $("#id_itemchoice").val(); 
     var itemmsize = $("#id_size").val(); 
     var itemmprice = $("#id_price").val(); 
     var wholesaleprice = $("#id_wholesale_price").val(); 
     var itemmdes = $("#id_description").val(); 
     var quantity = $("#id_quantity_received").val(); 

     if (itemm === "" || itemmsize === "" || itemmprice === "" || wholesaleprice === "") { 
      $(".val-error, .error-message").show(); 
     } else { 
      jQuery.ajax({ 
       type: 'POST', 
       data: {action: 'insert_consultant_post', itemchoice: itemm, size: itemmsize, price: itemmprice, description: itemmdes, quantity: quantity}, 
       url: "<?php bloginfo('url'); ?>/wp-admin/admin-ajax.php", 
       success: function (data) { 
        console.log(data); 

       } 
      }); 
     } 
    }); 
});

については

<head> 
    <meta charset="<?php bloginfo('charset'); ?>"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/assets/css/bootstrap.min.css" media="all" /> 
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/assets/css/style.css" media="all" /> 
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 
    <link href="https://fonts.googleapis.com/css?family=Raleway:400,700" rel="stylesheet"> 

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/css/bootstrap-select.css" /> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/js/bootstrap-select.js"></script> 

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.js"></script> 



    <?php wp_head(); ?> 
</head>

はそれを見ていると、私が間違っているのを教えてくださいです。事前に感謝します

出典

2017-11-17 Mohsin

jqueryとjquery-validateライブラリが正常に読み込まれていることを確認してください。 –

彼らがロードされています私はそれを2回保証しました – Mohsin

WordPressのwp_enqueue_script（）を使用していますか？は、ドキュメントをチェック - https://developer.wordpress.org/reference/functions/wp_enqueue_script/

wp_enqueue_script()

私はあなたがよりあなたのAjaxのポストの方法を簡略化することができると思います。このフィドルをチェック - https://jsfiddle.net/ftr08w9L/

$.post()

は勿論、あなたのコードのためのフィドルを調整したいと思います。私はあなたに役立ついくつかのコメントを追加しました。

出典

2017-11-17 13:42:05 user3041854

あなたの解決策で多くのおかげで問題は解決しました – Mohsin

jQueryの（.validateは関数ではありません）エラーを与えて検証

答えて

関連する問題