How to force form client-side validation in or before $.ajax()

validation asp.net-mvc-3 jquery unobtrusive-validation
iLemming picture iLemming · May 24, 2011 · Viewed 15.3k times · Source

I have a form and unobtrusive validations are enabled. By default in submit method client side validation gets triggered and (if you have any errors) the form looks like this:

enter image description here

The validation happens even before any data gets sent to the server.

Now this behavior doesn't work if you want to use $.ajax method. Client side validation doesn't work. You have to manually check all the fields in your javascript, losing all the beauty of DataAnnotations.

Is there any better solution? I could've use jquery's submit() but I guess it doesn't have callback like $.ajax.

Answer

iLemming picture iLemming · May 24, 2011

Oh... 

if (form.valid()) // do submit

Related questions

Stop form from submitting , Using Jquery

I'm trying to stop my form from submitting if a validation fails. I tried following this previous post but I doesn't work for me. What am I missing? <input id="saveButton" type="submit" value="Save" /> <input id="…

Read More
MVC 3 jQuery Validation/globalizing of number/decimal field

When using globalization culture="da-DK" in the Web.config file, the jQuery validation does not work. In Denmark, we use the notation 19,95 instead of the US way 19.95 when we write a price for at product, and that have given me …

Read More
Perform client side validation for custom attribute

I have created a Custom Validation Attribute: public class FutureDateAttribute : ValidationAttribute { public override bool IsValid(object value) { if (value == null|| (DateTime)value < DateTime.Now) return false; return true; } } How can I get this to work on client side too …

Read More