TypeError: validator is undefined in jquery.validate.js [duplicate]

Question

I have following form.

once I click that Go to Next Section Button I can direct to next section in this form.

Here the whole code for this view and this the Layout file for that view page

But now Once I click I'm not getting any response and I cannot goto next page I'm getting following error.But this error occur in Firefox only , once I change debugging to Chrome this is working.

TypeError: validator is undefined file_path/jquery.validate.js

this is that error view

Error view 1

once I click above view I can see below view

Error view 2

Bugzilla debugger pointed out following section ([if (validator.settings.rules)]) of jquery.validate.js file has the error

staticRules: function( element ) {
    var rules = {};
    var validator = $.data(element.form, "validator");
    if ( validator.settings.rules ) {
        rules = $.validator.normalizeRule(validator.settings.rules[element.name]) || {};
    }
    return rules;
},

Can you please give us the source of html not server side code? — ARIF MAHMUD RANA
– ARIF MAHMUD RANA, Commented Nov 19, 2015 at 5:41
Looking at your layout and the view, your have duplicate scripts all over the place (at least 3 copies of jquery - the last one wipes out the others). Put all you scripts in one place (either in the <head> or immediately before the closing </body> tags and ensure you have them in the right order and no duplicates — user3559349
– user3559349, Commented Nov 19, 2015 at 6:32
The scripts in the layout and view are a mess. Use bundles (and don't include the minified versions (bundling will do the minification in production) — user3559349
– user3559349, Commented Nov 19, 2015 at 7:03
@kez, Its still a mess. In the head you have @Scripts.Render("~/Scripts/jquery.min.js") followed by @Scripts.Render("~/Scripts/jquery.validate.min.js") and @Scripts.Render("~/Scripts/jquery.validate.unobtrusive.min.js"). Then you add @Scripts.Render("~/Scripts/jquery-1.7.1.min.js") wiping out all the previous scripts. Then at the bottom you have @Scripts.Render("~/bundles/jquery") again wiping out all the previous scripts. Start by getting rid of everything in the head. And then read Bundling and Minification — user3559349
– user3559349, Commented Nov 19, 2015 at 7:35

partypete25 · Accepted Answer · 2015-11-19 06:20:19Z

1

I believe you need to update your HTML and change <div class="form-horizontal"> to <form class="form-horizontal">. Don't forget to update the closing tag as well.

answered Nov 19, 2015 at 6:20

partypete25

4,4131 gold badge19 silver badges16 bronze badges

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

1 Comment

kez Over a year ago

Nope same error occur again once I moved to your solution

Collectives™ on Stack Overflow

TypeError: validator is undefined in jquery.validate.js [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related