$(...).validate is not a function with jQuery Validation Plugin

Question

I'm getting this error whenever I try to run the jQuery Validation plugin. I have looked at every other question on stack or GitHub I could find and none seem to have the exact same issue. I import jQuery and the Validate in the correct order with:

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

I checked and they get correctly and fully loaded in the browser network tab. Even with the most basic code (the form with id='project_form' exists):

$(document).ready(function() {
  $("#project_form").validate({
     debug:true
  });
});`

the validate function doesn't work and results in the jQuery.Deferred exception: $(...).validate is not a function warning and Uncaught TypeError: $(...).validate is not a function error.

Where could the error be?

Please use the search function before posting a new question. Thanks. — Sparky, Sep 16 '19 at 15:37

score 0 · Accepted Answer · answered Sep 15 '19 at 18:24

0

Hello this error may be come because of more than one js load so kindly check , if not more than one js load in the page So it happens because of jquery version 3.X.X(you are using 3.4.1) so please use any other version of jquery , it will resolve your problem thank you

answered Sep 15 '19 at 18:24

ankit singh

565
3
8

Oh, I didn't notice because jQuery was was also included in my app.js. Thank you for the tip. – Luca Rossi Sep 15 '19 at 18:49
always welcome:) – ankit singh Sep 15 '19 at 19:03

$(...).validate is not a function with jQuery Validation Plugin

1 Answers1