jQuery Validation plugin - Validating hidden inputs and not visible? [duplicate]

Question

How would I validate hidden inputs and not visible text inputs with jQuery Form Validation plugin? The problem is, that I'm using auto-suggest plugin, which generates a hidden input for selected items:

<input id="hiddenInput" type="hidden" name="something" value="1" />

I have 2 inputs like this (both of them only allow 1 item), which I want to validate and display the error in parent <td>. This is what I've gotten so far, but it doesn't display the error or submit a form, if the value is actually a number.

$("#form1").validate({
        rules: {
            something: {
                number:true,
                min:1,
                required:true
            }
        }
        })

You should consider selecting one of the posts as Answer.

Arash Milani
– Arash Milani

2012-10-24 21:02:04 +00:00
Commented Oct 24, 2012 at 21:02 — Arash Milani
– Arash Milani, Commented Oct 24, 2012 at 21:02
See also stackoverflow.com/questions/8466643/….

goodeye
– goodeye

2014-07-05 19:33:44 +00:00
Commented Jul 5, 2014 at 19:33 — goodeye
– goodeye, Commented Jul 5, 2014 at 19:33

Josh · Accepted Answer · 2011-12-09 23:30:09Z

125

To allow validation of hidden elements, override the ignore and set it to empty string:

$("#form1").validate({
    ignore: "",
    rules: {
        something: {
            number:true,
            min:1,
            required:true
        }
    }
});

answered Dec 9, 2011 at 23:30

Josh

1,6891 gold badge11 silver badges16 bronze badges

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

2 Comments

Jereme Over a year ago

Have you tried this? because this is giving an error when I use ignore : "". Uncaught TypeError: Cannot read property 'settings' of undefined

Sparky Over a year ago

By default, for the last several years, this plugin will ignore (not validate) all hidden fields. The proper format to tell the plugin to ignore nothing and validate everything is ignore: []

Emre Erkan · Accepted Answer · 2012-08-06 08:58:27Z

30

You can use ignore option like this:

$("#form1").validate({
    ignore: "input[type='text']:hidden",
    rules: {
        something: {
            number:true,
            min:1,
            required:true
        }
    }
});

Default value of ignore option is :hidden which ignores all hidden fields and non-visible fields (display: none etc.)

edited Aug 6, 2012 at 8:58

answered Oct 31, 2011 at 10:09

Emre Erkan

8,4723 gold badges52 silver badges55 bronze badges

2 Comments

Gregor Menih Over a year ago

Still doesn't validate. I add a rule to a hidden input and make sure it's not valid, but it still submits the form and no errors are shown at all!

Patrick M Over a year ago

@EmreErkan Documentation link is hosed now.

CMcClymont · Accepted Answer · 2012-12-20 01:21:39Z

15

If the other answers aren't working for you, try this instead. It removes all ignores for the form, so it would validate everything including hidden fields:

$.data($('form')[0], 'validator').settings.ignore = "";

To restore the settings to ignore hidden fields, use something like this:

$.data($('form')[0], 'validator').settings.ignore = "input[type='text']:hidden";

You can also use the above code to read back the current value.

edited Dec 20, 2012 at 1:21

answered Nov 22, 2012 at 1:32

CMcClymont

6246 silver badges6 bronze badges

3 Comments

Michał Powaga Over a year ago

I've tried it and it didn't work for me. It gives me TypeError: $.data(...) is undefined, I've checked $ and it's proper jQuery object. Here is an alternative answer stackoverflow.com/a/8565769/1027198.

Nathan Over a year ago

Oddly enough, your solution is the only one that worked for me - none of the other answers did.

Andrew Grothe Over a year ago

Confirmed working with Aspnet Core 3.1 MVC application

drneel · Accepted Answer · 2014-08-26 16:25:54Z

5

Another way to validate hidden inputs is this:

$("#form1").validate({
        ignore: "not:hidden",
        rules: {
            something: {
                number:true,
                min:1,
                required:true
            }
        }
});

edited Aug 26, 2014 at 16:25

drneel

2,9055 gold badges32 silver badges49 bronze badges

answered Aug 26, 2014 at 16:16

lopradi

511 silver badge1 bronze badge

Collectives™ on Stack Overflow

jQuery Validation plugin - Validating hidden inputs and not visible? [duplicate]

4 Answers 4

2 Comments

2 Comments

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

2 Comments

3 Comments

Comments

Linked

Related