jQuery를 (.validate은 함수가 아닙니다) 오류를주는 검증

숨바꼭질 내가 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 유효성 검사 라이브러리가 성공적으로로드되었는지 확인하십시오. –

로드되었습니다. 2 번 확인했습니다. – Mohsin

WordPress의 wp_enqueue_script()를 사용하고 있습니까? 워드 프로세서를 확인 - https://developer.wordpress.org/reference/functions/wp_enqueue_script/

wp_enqueue_script()

을 당신이 더 아약스 포스트 방법을 단순화 할 수 있다고 생각합니다. 이 바이올린을 확인 - https://jsfiddle.net/ftr08w9L/

$.post()

는 당연히 당신은 당신의 코드 바이올린을 조정하려는 것입니다. 나는 또한 당신을 도울 몇 가지 의견을 추가했습니다.

출처

2017-11-17 13:42:05 user3041854

해결책과 함께 고맙습니다. 문제가 해결되었습니다. – Mohsin

jQuery를 (.validate은 함수가 아닙니다) 오류를주는 검증

답변

관련 문제