How to Reset Form Unobtrusive jQuery?


I was looking around for a way to reset a form that was already validated by Unobtrusive jQuery Client Validation. JQuery validate doesn’t have any way to reset the UI after errors occur. However, you can safely use:

var validator = $( "#myform" ).validate();

The best example I found online was on John Culviner blog. It wasn’t exactly what I was looking for, but it was a good start. He resets the form by using a button and attributes, I need a function that does that, so I create a plugin that clears the form on demand.

Clear Reset Form Unobtrusive jQuery validation part 2

usage: $(“#signupform”).clearForm()

(function ($) {

    $.fn.clearForm = function (options) {

        // This is the easiest way to have default options.
        var settings = $.extend({
            // These are the defaults.

            formId: this.closest('form')

        }, options);

        var $form = $(settings.formId);

        //reset jQuery Validate's internals

        //reset unobtrusive validation summary, if it exists

        //reset unobtrusive field level, if it exists

        return $form;


Good luck on your adventure! This should help a few people using unobtrusive Validation with MVC3.

2 responses to “How to Reset Form Unobtrusive jQuery?”

What’s Crackin’ \ (•◡•) /

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: