How to avoid validation for hide fields through jquery validate?

Question

I have one dropdown with condition like Required, Option and hidden for around 8 text fields. Few fields are getting validation and throwing error message even fields are hiding. How to avoid this? Please help on this.

My code is:

            function responseFunction(res) {
    //1:mandatory
    //2:optional
    //3:hidden
    var str = res.split("~");
   for (i in str)
    {
     var field= str[i].split(':');
            switch (field[0]) {
            case "BillingAddressLine1": 
                 switch (field[1]) {                    
                  case "1":$('#ContentSection_lblBillingInfoAddress').prepend('<span>*</span>');
                  $("#<%= txtBillingInfoAddress.ClientID %>").rules("add", {required  : true, messages : {
                  required    : 'Please Enter Address'   }});
                  break;
                  case "3":$('#ContentSection_lblBillingInfoAddress, #ContentSection_txtBillingInfoAddress').hide().parent('p').css("paddingTop", "0px");
                  break;
                 }
            break;
            case "BillingFullName": 
                 switch (field[1]) {
                  case "1":$('#ContentSection_lblBillingInfoAccountHolderName').prepend('<span>*</span>');
                   $("#<%= txtBillingInfoAccountHolderName.ClientID %>").rules("add", {required  : true, messages : {
                  required    : 'Please Enter Account Holder Name'   }});
                  break;
                  case "3":$('#ContentSection_lblBillingInfoAccountHolderName, #ContentSection_txtBillingInfoAccountHolderName').hide().parent('p').css("paddingTop", "0px");
                  break;
                 }
            break;
    }
    }

My screenshot is: https://www.dropbox.com/sh/asmpnuiqqlo40us/S9yHCuNSyl?m#f:errorThrowing.jpg

"Please find my screenshot." - Where did you last see it? Try retracing your steps... (OK, sorry, just kidding. Perhaps you could show your code though?) — nnnnnn
– nnnnnn, Commented Aug 17, 2012 at 7:26

Vishal · Accepted Answer · 2012-08-17 08:03:34Z

2

add a class attribute to all the hidden elements and use the ignore property to ignore all those elements:

<input type='hidden' class='hiddenClass' />

$('form').validate({
 ignore: '.hiddenClass'
});

edited Aug 17, 2012 at 8:03

answered Aug 17, 2012 at 7:30

Vishal

1,2341 gold badge9 silver badges16 bronze badges

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

4 Comments

Jitendra Pancholi Over a year ago

Your answer is according to which validation engine/library?

Senthil Sivaramakrishnan Over a year ago

@nnnnn, Vishal: I added my screenshot

Senthil Sivaramakrishnan Over a year ago

@Jitendra: I am using Jquery Validate plugin

Vishal Over a year ago

@JitendraPancholi answer is as per jQuery validation plugin.

Jitendra Pancholi · Accepted Answer · 2012-08-17 07:45:28Z

1

Just put a check in the case statements like below

var control = $("#<%= txtBillingInfoAddress.ClientID %>");
if($(control).is(':hidden')){
  // remove validation
}

answered Aug 17, 2012 at 7:45

Jitendra Pancholi

7,62012 gold badges54 silver badges85 bronze badges

Comments

karaxuna · Accepted Answer · 2012-08-17 07:31:48Z

1

Remove field validation when hidden

$('#targetId').rules('remove');

Re add validation when visible

$('#targetId').rules('add', {
    required: true
});

answered Aug 17, 2012 at 7:31

karaxuna

26.9k13 gold badges86 silver badges120 bronze badges

Comments

Mark · Accepted Answer · 2013-02-06 14:29:53Z

1

Hide Validation from a javascript method, something like :

function lalala()
{
  var validator1 = document.getElementById('Validator1ClientID');
  ValidatorEnable(validator1, false); 
}

answered Feb 6, 2013 at 14:29

Mark

2181 gold badge4 silver badges13 bronze badges

Collectives™ on Stack Overflow

How to avoid validation for hide fields through jquery validate?

4 Answers 4

4 Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

Comments

Comments

Related