How do I use JQuery Validation in ASP.NET MVC?

Question

I'm trying to use the JQuery Validation's "addClassRules" method in my ASP.NET MVC application.

In my master page I'm including the following files...

    <script src="<%= Url.Content("~/Scripts/MicrosoftAjax.js") %>" type="text/javascript"></script>
<script src="<%= Url.Content("~/Scripts/MicrosoftMVCAjax.js") %>" type="text/javascript"></script>
<script src="<%= Url.Content("~/Scripts/MicrosoftMVCValidation.js") %>" type="text/javascript"></script>

<script src="<%= Url.Content("~/Scripts/jquery-1.4.1.js") %>" type="text/javascript"></script>
<script src="<%= Url.Content("~/Scripts/jquery-validate.js") %>" type="text/javascript"></script>

I'm not sure which are actually required so I've added them all:) Potential problem area?

In my View I've got a simple textbox element which I'm trying to add the "required" validation via the Class attribute. I've got dynamic forms and my end goal is to specify different validation rules in the Class attribute. So for now I'm got something like this...

    <%: Html.TextBoxFor(model => model.FieldEntry.Response.TextBoxValue, new { @class = "cRequired" } )%>

then at the end of my View I'm including the following script which I though was suppose to hook up the Class name to a validation rule.

<script language="javascript" type="text/javascript"> 
jQuery(document).ready( function()
{
    jQuery.validator.addClassRules({
      cRequired: {
        required: true
      }
    });
})
</script>

Seems like a straightforward example but the problem I am having is that I keep getting an error that jQuery.validator is null or not an object. This refers to the first line of the the ready() function in the script above.

Any help / suggestions?

Are you including jQuery later in the page possibly?

Nick Craver
– Nick Craver

2010-09-13 22:07:50 +00:00
Commented Sep 13, 2010 at 22:07 — Nick Craver
– Nick Craver, Commented Sep 13, 2010 at 22:07

Mariano Desanze · Accepted Answer · 2010-09-13 23:21:05Z

1

I believe the problem should be somewhere at including the validator plugin because jQuery.validator should not be null if you include the file correctly.

Have you downloaded this validator plugin and put the jquery.validate.js file in the Scripts folder?
In the page in which your are using validation: Is this page really using that master page?
In the master page: Is the include of the validation plugin script before the ContentPlaceHolder?

answered Sep 13, 2010 at 23:21

Mariano Desanze

8,2587 gold badges49 silver badges72 bronze badges

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

1 Comment

Justin Over a year ago

Well... it was infront of the ContentPlaceHolder ID="MainContent" but not the "TitleContent". Good catch.

Marek Grzenkowicz · Accepted Answer · 2011-01-13 11:45:43Z

0

In my case, the jQuery.validator is null or not an object error was caused by including the jquery.js library twice in the same page and using a different version of jquery.js in each case.

answered Jan 13, 2011 at 11:45

Marek Grzenkowicz

17.4k11 gold badges88 silver badges118 bronze badges

Collectives™ on Stack Overflow

How do I use JQuery Validation in ASP.NET MVC?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related