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.

score 73 · Answer 1 · answered Nov 22 '12 at 14:02

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 '12 at 14:02

Blaise

13,139
9
69
97

3

+1: This is a far nicer solution, and allows the flexibility to only validate without messages when required. – Jon Egerton Jun 18 '13 at 14:28
1

This is solution I used and I can recommend to everyone. – Tomasz Kuter May 25 '15 at 16:46
1

Is there a way to find out if a certain input is valid without highlighting it? – simaglei Sep 18 '15 at 12:32
@simaglei you should create a new SO question for that – Blaise Sep 18 '15 at 12:38
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. – Pangamma May 03 '18 at 17:59
Best solution @Blaise Thank you so much – vinothini Mar 22 '19 at 11:38

Didier Ghys · Accepted Answer · 2011-11-09T08:22:12.623

-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 09 '11 at 08:22

answered Nov 08 '11 at 10:42

Didier Ghys

30,396
9
75
81

Apologies for the very late acceptance, but if I recall I did end up with something similar to hacking the css. – soul Oct 22 '12 at 14:51

Jquery Validation: Call Valid without displaying errors?

2 Answers2

Linked