Validation Engine One by one error display

Question

I prefer Jquery ValidationEngine over Bassistance validation. my question is

We do not use one input per line, some of them are in the same line like First Name: [] Last Name: []

When errors popup, the error messages overlap and they look so ugly.

Can I do something to validation engine, that it shows only First most error and when the error is fixed and user tries to submit form the other first most error (if exists) will show there.

real life example:- For example First name and last name both are REQUIRED and both fields are empty user tries to submit but he sees only one error on First Name, he types his first name as "Asif" , then he tries to submit now he sees second error on Last Name field he input last name "Ashraf" and then the form is good to go.

Can we achieve that?

score 5 · Answer 1 · answered Dec 26 '12 at 11:46

5

try changing

showOneMessage true

answered Dec 26 '12 at 11:46

Bharadwaj

51
1
2

a mixture of both do work.. if ($('form.wpcf7-form').length) { $.validationEngine.defaults.scroll = true; $.validationEngine.defaults.autoHidePrompt = true; $.validationEngine.defaults.autoHideDelay = 5000; $.validationEngine.defaults.showArrow = true; $.validationEngine.defaults.autoPositionUpdate= true; $.validationEngine.defaults.maxErrorsPerField= true; $.validationEngine.defaults.showOneMessage= true; $('form.wpcf7-form').validationEngine(); – Jean G.T Nov 06 '19 at 17:15

Amit Garg · Accepted Answer · 2018-04-22T05:49:06.403

3

If we have to show one error at a time per field field then we will use

maxErrorsPerField:1

It will be like

$("#form_id").validationEngine('attach', { maxErrorsPerField:1});

edited Apr 22 '18 at 05:49

answered Aug 08 '13 at 05:13

Amit Garg

3,867
1
27
37

score 1 · Answer 3 · answered Jul 05 '13 at 11:57

1

Try this:

<input value="" class="validate[required]" type="text" name="FirstName" id="fname">
<input class="validate[condRequired[fname]]" type="text" name="LastName" id="lname">

answered Jul 05 '13 at 11:57

Hulk1991

3,079
13
31
46

score 0 · Answer 4 · answered May 17 '12 at 21:12

0

I believe the option you are looking for is:

// Used when you have a form fields too close and the errors messages are on top of other disturbing viewing messages doNotShowAllErrosOnSubmit: false

answered May 17 '12 at 21:12

Olivier Refalo

50,287
22
91
122

score 0 · Answer 5 · answered Nov 05 '14 at 05:39

try this:

showErrors: function(errorMap, errorList) {
    this.defaultShowErrors();
    $("#changepass label.error:visible").each(function(index,value){
        if(index)
            $(this).hide();
    });
},
onkeyup: false,
onclick: false,
onfocusout: false

score 0 · Answer 6 · answered Sep 01 '16 at 16:07

0

set maxErrorsPerField property to true

    $("#formid").vaidationEngine({ maxErrorsPerField:true});

answered Sep 01 '16 at 16:07

HashAndCoding

1
3

Validation Engine One by one error display

6 Answers6

set maxErrorsPerField property to true