JQuery validation plugin: $("#").validate() is not a function

Question

I am using jquery-1.4.2 library and jquery.validate.js plugin to validate a very simple form. In the head section, I have following code:

<script type="text/javascript" src="scripts/jquery-1.4.2.js"></script>
<script type="text/javascript" src="scripts/jquery.validate.js"></script>
<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.2.custom.css"></link>
<script type="text/javascript" src="scripts/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript">
     $(document).ready(function(){
    // date pickers
    $('#birthdate').datepicker();
    $("#deliverydate").datepicker();

    //apply styles to buttons 
    $('input:button').button();

    // data validation
    $("#createAnimalForm").validate({
        debug: true,
        rules: {
            weight: {
                required: true
            }
        },
        messages: {
            weight: {
                     required: "Please enter a numeric value for weight."
                    }
        }
    });

});
function createClicked(){
    $("#createAnimalForm").validate().form();
}


</script>

In the body section, I have defined the form and the input field to accept the weight value. The code from body is as follows:

<form id="createAnimalForm">
<table cellpadding="5px">
<tr>
    <td>Weight:</td>
    <td><input type="text" name="weight" id="weight"></input>&nbsp;gms</td>
</tr>
<tr>
    <td></td>
    <td align="left"><input type="button" onclick="createClicked();" id="createButton" name="createButton" value="Create Animal"></td>
</tr>
</table>
</form>

When I load the page in firefox, I get the following error in firebug:

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

I searched on the net for a bit, but could not find any solution for this. I think I have the jquery library located at the correct location, and it appears that jquery-validation plugin is compatible with jquery-1.4.2.

Any ideas on what I am doing wrong?

Thanks, Nikhil.

Sorry for this question, but you're sure that everything in the path to the validate plugin is correct? For example, you're not using the minified version, are you? jquery.validate.js — user113716
– user113716, Commented Jun 18, 2010 at 23:43
hey Patrick, thanks for the reply. Yeah, I am using jquery-1.4.2.js, not the minified version. — Nikhil
– Nikhil, Commented Jun 19, 2010 at 0:57

ProgrammingPope · Accepted Answer · 2010-06-19 15:09:42Z

0

You don't quite have it right when you are setting up validate. Try:

    // data validation
$("#createAnimalForm").validate({
    debug: true,
    rules: {
        weight: {
            required: true
        }
    },
    messages: {
            weight: {
              required: "your message here"
            }
    }
});

Then use:

if ($('#createAnimalForm').validate().form()) { ... }

Wherever you want to trigger validation.

edited Jun 19, 2010 at 15:09

answered Jun 19, 2010 at 0:08

ProgrammingPope

2,2374 gold badges24 silver badges38 bronze badges

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

1 Comment

Nikhil Over a year ago

hi ProgrammingPope, thanks for your input. I am not getting any error on page load now. But, when I try to validate the form in createClicked() function, I am getting the same error:

Josh · Accepted Answer · 2011-02-24 22:11:04Z

0

Had the same issue; validated HTML & found I was missing a name="email" attribute from an <input />. Always validate the HTML to be positive your HTML is valid. After I added it, validate() worked perfectly.

answered Feb 24, 2011 at 22:11

Josh

211 bronze badge

Collectives™ on Stack Overflow

JQuery validation plugin: $("#").validate() is not a function

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related