Error: "jQuery is not defined", but jquery is loaded

Question

but trying to operate jquery validate plugin 1.6 but im getting this error in Chrome inspector:

Uncaught ReferenceError: jQuery is not defined. ------ jquery.validate.min.js:15

I'm loading jquery 1.4.4 in my page.

Any idea?

Regards

Javi

Specifically, can you quote your script tags (in the order in which they appear in your document)? — T.J. Crowder
– T.J. Crowder, Commented Nov 22, 2010 at 14:30
@pekka, im including jquery before jquery.validate, I think is the correct order. — tirenweb
– tirenweb, Commented Nov 22, 2010 at 14:31
do you use html5 caching (in mainifest)? If yes then make all js files cached or none — mpapis
– mpapis, Commented Nov 22, 2010 at 14:31

Pekka · Accepted Answer · 2010-11-22 14:43:24Z

9

You need to make sure jquery is loaded first, before the validation plugin.

answered Nov 22, 2010 at 14:43

Pekka

451k150 gold badges990 silver badges1.1k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

FoxDeploy · Accepted Answer · 2019-02-18 03:50:26Z

1

Ensure that you're not importing jQuery more than once! In my case, I began my .cshtml view in asp.net with

<script src="~/Scripts/jquery.js"></script>

and then at the end of my code, I forgot that I left this behind:

@Scripts.Render("~/bundles/jqueryval")

Importing jQuery more than once on a page can cause no end of issues. See this bug report from the jQuery project for more information, but this quote stood out to me:

[If you have jQuery referenced more than once on a page]...As jQuery script executes it re-initializes $ and $.prototype, which removes all existing plug-ins. The host page stops working.

answered Feb 18, 2019 at 3:50

FoxDeploy

13.8k3 gold badges42 silver badges58 bronze badges

Comments

Douglas Harris · Accepted Answer · 2020-04-26 21:23:12Z

0

I just want to add that having all the various .js files included ONLY ONCE EACH, and in the right order (jquery before validate, before unobtrusive) is critical to the application running right. I spent 2 days debugging before I seriously looked at this. Bundles can add .js files in unpredictable order if they have an * to catch all files. Break the bundles into smaller bundles so you can control the order they are loaded. If the .js file is loaded in _layout, don't add it again in the individual view. I hope this helps someone.

answered Apr 26, 2020 at 21:23

Douglas Harris

52 bronze badges

Comments

Alexander · Accepted Answer · 2021-01-06 16:23:07Z

0

In my case I could not control the sequence of scripts loading, because basic jquery script is a part of functionality I extend and I additionally include jquery.validate. So what helped me was defer attribute which puts off the given script loading until the page is fully parsed:

<script defer src="../js/jquery.validate"></script>

answered Jan 6, 2021 at 16:23

Alexander

1,2831 gold badge17 silver badges24 bronze badges

Collectives™ on Stack Overflow

Error: "jQuery is not defined", but jquery is loaded

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related