jQuery "Validation is not a function"

Question

I'm using this jQuery validation plugin and getting the famous:

$("#Form").validate is not a function

when trying to validate in Firebug (and equivalent messages in all other browsers).

This would imply that I'm attempting to call it before both jquery-1.4.2.js and jquery.validate.js are loaded. I've used Fiddler to show these files are being requested prior to calling validate() so in the absence of a better method I can only assume these two files are completely loaded within the browser.

Is there anywhere else I should look in order to solve this? If the scripts are requested first they should be also loaded in that order? Is there a way to find out?

I'm currently of the opinion there is something else in the plugin causing this (config etc). I've searched all over but non of the solutions seem to apply to me.

Any ideas where to look?

My jQuery is:

$(document).ready(function () {
    console.log("loaded");
    $("#Form").validate({
        rules: {
            container_0$centre_0$txtFirstName: { required: true }
        }
    });
})

and the form is:

<form method="post" action="/url" id="Form" enctype="multipart/form-data">

 <div class="ctrlholder">
    <label for="firstname">First Name</label>
    <input name="container_0$centre_0$txtFirstName" type="text" id="txtFirstName" class="required" /><em>*</em>
    <div id="errFirstName" class="error" style="display:none;">Please enter your first name</div>
  </div>
</form>

There are simplified versions of the code.

I suggest start with a blank page and start adding things until you see this problem. — Amir Raminfar
– Amir Raminfar, Commented Jul 28, 2011 at 16:25
@m.edmondson: Why are you using jquery-1.4.2? The current release is 1.6.2! — Shef
– Shef, Commented Jul 28, 2011 at 16:28
@Amir - How do I check this? - This is what is implemented elsewhere I'm trying to fit it in (validate works elsewhere on the site) — m.edmondson
– m.edmondson, Commented Jul 28, 2011 at 16:30
are you loading any other scripts that could cause conflict? — amosrivera
– amosrivera, Commented Jul 28, 2011 at 16:34

jfriend00 · Accepted Answer · 2011-07-28 16:45:25Z

1

I don't see that .validate() is a method of jQuery by itself. It looks like it's a method of a validation plug-in. I'd suggest making sure that that plug-in is properly included/installed and when working with plug-ins, you should make sure you're using a compatible version of jQuery too.

You can see from this jsFiddle that there is no property validate on a jQuery object with just jQuery included.

answered Jul 28, 2011 at 16:45

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

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

1 Comment

m.edmondson Over a year ago

No - but if I add the library you'll see it works (check the jsFiddle again)

m.edmondson · Accepted Answer · 2011-07-29 15:19:20Z

1

It appears that jquery.tools.min.js (which appears to be this) was causing the problem. On removing this I can validate as usual.

I would investigate further but I only have the minified version of the script although I'd hazard a guess it's because it has its own validation, likely causing a method name overlap.

This will be an excellent future resource for this edge case.

edited Jul 29, 2011 at 15:19

answered Jul 29, 2011 at 13:20

m.edmondson

30.9k29 gold badges129 silver badges212 bronze badges

1 Comment

Mike B Over a year ago

I'm glad you posted this, as I've been wrestling with this issue for an hour and it forced me to look through what else I was calling. It turns out that I had the same problem and that another plugin wanted control over my form element.

user3772918 · Accepted Answer · 2014-06-24 21:34:28Z

0

I put:

$. validator.setDefaults ({
    submitHandler: function () {alert ('submitted'); } 
});

Instead:

jQuery.validator.setDefaults ({
    debug: true, 
    success: 'valid' 
});

And it worked for me.

answered Jun 24, 2014 at 21:34

user3772918

1

Collectives™ on Stack Overflow

jQuery "Validation is not a function"

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related