CODEWITHSUNDEEP
javascriptjqueryvalidation
Ben Crouse
Ben Crouse

Reputation: 8348

How do I remove jQuery validation from a form?

I'm using the jQuery validation plugin to validate a form, and I'd like to remove the validation and submit the form if a certain link is clicked.

I am submitting form with javascript like jQuery('form#listing').submit(), so I must remove the validation rules/function with javascript.

The problem is that I can't figure out how to do this. I've tried things like jQuery('form#listing').validate({}); and jQuery('form#listing').validate = null, but with no luck.

Upvotes: 45

Views: 89834

Answers (12)

eugene82
eugene82

Reputation: 8842

The validation lib now provides a method to completely remove the configuration from the form.

Official example:

/*
 * On SPA page start.
 */
var validator = $( "#myform" ).validate();
 
/*
 * Just before SPA page's navigation away.
 */
validator.destroy();
 
/*
 * After this point the #myForm form is back to its original boring state.
 */

Upvotes: 0

Adel Mourad
Adel Mourad

Reputation: 1543

in 2022

the answers above do not work now for me,

So I've written this js method, this would remove the jquery validation correctly

function RemoveJQVRule(rulename, inputname) {
   $(`[name="${inputname}"]`).rules('remove', rulename);
   $(`[name="${inputname}"]`).removeAttr(`data-val-${rulename}`);

   // message span element
   $(`#${inputname.replace(/\./img, '_')}-error`).html("");
   $(`[data-valmsg-for="${inputname}"]`).html("");
}

Examples:

    RemoveJQVRule('required', 'Shipper.Contact.NationalId');
    RemoveJQVRule('maxlength-max', 'SomeInputName');
    RemoveJQVRule('regex', 'SomeInputName');

Note:- if it does not work you may need to edit it a little bit (the css selectors)

Thanks

Upvotes: 0

Veena Lalwani
Veena Lalwani

Reputation: 51

$("#formName").validate().settings.ignore = "*";

Refer : https://github.com/jzaefferer/jquery-validation/issues/725

Upvotes: 5

user2543317
user2543317

Reputation: 31

For all the tags input of form:

$('#myform').validate().settings.ignore = '.valid';
$('input').addClass('valid');

It works for me.

Upvotes: 3

kenitech
kenitech

Reputation: 1163

This seems to work for me now:

var form = $('#my_form_id').get(0);
$(form).removeData('validate');

Upvotes: 7

alby
alby

Reputation: 71

I have found none of the other ways helpful if you wanted to toggle on/off your forms validation (e.g. different validation for payment types...)

What I have had to do (this is not an nice fix but it does work)

Set up your validation:

jQuery('#form').validate();

Disabling the form:

jQuery('#form').validate().currentForm = '';

Enabling the form again:

jQuery('#form').validate().currentForm = jQuery('#form')[0];

Upvotes: 7

Christophe Deliens
Christophe Deliens

Reputation: 570

You can also use the public "rules" function in this way:

$('input, select, textarea').each(function() {
    $(this).rules('remove');
});

That's what I'm using ;)

Upvotes: 8

Gaurav Jain
Gaurav Jain

Reputation: 261

var form = $('#my_form_id').get(0);
$.removeData(form,'validator');

Is really working.

Upvotes: 24

kenitech
kenitech

Reputation: 1163

I recently upgraded to 1.5.5 of Jörn's validator script and the removeValidator function has been deprecated.


...
jQuery.extend(
          jQuery.fn, 
          {
          removeValidator: function(){
              this.unbind();
              jQuery.removeData(this[0], 'validator'); 
          }
...

Upvotes: 2

Jörn Zaefferer
Jörn Zaefferer

Reputation: 5705

Trigger the DOM submit method to skip the validation:

$("#listing")[0].submit();

Upvotes: 71

Borgar
Borgar

Reputation: 38692

You can remove events of nodes with unbind:

jQuery('form#listing').unbind('submit'); // remove all submit handlers of the form

What you are probably looking for is that the validation plugin can also unassign itself from the submit event:

jQuery('form#listing').validate({
   onsubmit : false
});

For both of these you should be able to follow up with a call to .submit() to submit the form:

jQuery('form#listing').unbind('submit').submit();

Upvotes: 36

redsquare
redsquare

Reputation: 78687

You can add a css class of cancel to an element (button, input) so that it skips the validation

Upvotes: 7

Related Questions