Jquery Validation: Call Valid without displaying errors?

Question

Using JQuery Validation plugin, I am trying to call the .valid() method without the side-effects of displaying error messages on screen. I have tried a number of scenarios with no success, my latest being:

$('#signup').validate({
            showErrors: function() { return; },
            errorElement: "",
            errorClass: "",
            errorPlacement: function() { },
            invalidHandler: function() { },
            highlight: function(element, errorClass) { },
            unhighlight: function(element, errorClass) { }
        });

$('#displayPurposes').text("Valid: " + $("#EMailAddress_EmailAddress").valid());

Whilst the .valid() call is working correctly it is still causing side-effects of displaying error messages.

I don't want this to happen, help please.

Blaise · Accepted Answer · 2012-11-22 14:02:52Z

73

You can do this without using CSS hacks by calling checkForm().

var isValid = $('#signup').validate().checkForm(); // true|false

checkForm() does not trigger UI changes.

However, there is one side effect. Form fields will now be validated on change/focus/blur, which may be undesirable. You can disable this behavior by resetting the submitted object:

$('#signup').validate().submitted = {};

Which results in:

var validate = $('#signup').validate(); // Get validate instance
var isValid = validate.checkForm(); // Valid?
validate.submitted = {}; // Reset immediate form field checking mode

answered Nov 22, 2012 at 14:02

Blaise

13.6k9 gold badges79 silver badges103 bronze badges

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

5 Comments

Jon Egerton Over a year ago

+1: This is a far nicer solution, and allows the flexibility to only validate without messages when required.

Tomasz Kuter Over a year ago

This is solution I used and I can recommend to everyone.

simaglei Over a year ago

Is there a way to find out if a certain input is valid without highlighting it?

Blaise Over a year ago

@simaglei you should create a new SO question for that

Pangamma Over a year ago

This solution kind of messes up the generated HTML so that it no longer shows up in the same way. Could be an issue for CSS rules.

Didier Ghys · Accepted Answer · 2011-11-09 08:22:12Z

-6

Well instead of trying to disable any error placement made by the plugin you could use CSS to 'force' hiding the create error messages elements. Something like:

label.myvalidationclass { display: none !important; }

Where myvalidationclass is either the default error class name or your own.

I'm aware it is not a very nice solution but in my opinion, displaying error messages is one of the core feature of the plugin.

d.

edited Nov 9, 2011 at 8:22

answered Nov 8, 2011 at 10:42

Didier Ghys

30.6k9 gold badges77 silver badges82 bronze badges

1 Comment

soul Over a year ago

Apologies for the very late acceptance, but if I recall I did end up with something similar to hacking the css.

Collectives™ on Stack Overflow

Jquery Validation: Call Valid without displaying errors?

2 Answers 2

5 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related