jquery validation not working on an accordion

Question

sorry for the slightly general question here, but is there any reason why the jquery validate plugin would stop working on a form split across an accordion?

Just to explain, and I'm sorry I can't give a URL to an example. I've got an asp.net form which is split across an accordion. The mandatory fields are only on the first accordion panel. When this panel is open the validation works. If any of the other panels are open it won't validate.

For various strange reasons I'm calling the validation in an odd way. EG:

$('#submitBtn').click(function(){
   $('#form1').valid(); 
   if($('#form1').valid()){
      alert('valid');
   } else {
      alert('invalid');
      return false;
   }
});

Am I missing something obvious?

Thanks.

score 4 · Accepted Answer · answered Dec 14 '12 at 12:18

4

By default, hidden input are ignored from validate plugin. Try this when initialising your jquery plugin which maybe could works for invisible input:

$("#form1").validate({
    ignore: "",
    ...
});

answered Dec 14 '12 at 12:18

A. Wolff

74,033
9
94
155

Spot on. Thanks. I didn't know that about the validate plugin. Obvious feature really. – Strontium_99 Dec 14 '12 at 12:27

score 1 · Answer 2 · edited May 23 '17 at 11:44

1

The above answer did not work for me. The following did :

$.validator.setDefaults({ ignore: [] });

Make sure it is run before document is loaded.

edited May 23 '17 at 11:44

Community

1
1

answered Apr 26 '16 at 22:38

Ulad Kasach

11,558
11
61
87

jquery validation not working on an accordion

2 Answers2

Linked