Jquery validation Error when trying to validate a bootstrap checkbox [duplicate]

Question

I'm using Jquery validation plugin, everything work fine but when i try to validate the check box i got an error:

TypeError: b is undefined

here's my bootstrap checkbox script:

<div class="col-xs-8">
                    <div class="checkbox icheck">
                        <label>
                            <input type="checkbox" required> I agree to the <a href="#">terms</a>
                        </label>
                    </div>
                </div>

and here's the jquery validation that i used:

$("#formRegister").validate({
            errorElement: "span",
            errorClass: "help-block",
            highlight: function (element, errorClass, validClass) {
                // Only validation controls
                if (!$(element).hasClass('novalidation')) {
                    $(element).closest('.form-group').removeClass('has-success').addClass('has-error');
                }
            },
            unhighlight: function (element, errorClass, validClass) {
                // Only validation controls
                if (!$(element).hasClass('novalidation')) {
                    $(element).closest('.form-group').removeClass('has-error').addClass('has-success');
                }
            },
            errorPlacement: function (error, element) {
                if (element.parent('.input-group').length) {
                    error.insertAfter(element.parent());
                }
                else if (element.prop('type') === 'radio' && element.parent('.radio-inline').length) {
                    error.insertAfter(element.parent().parent());
                }
                else if (element.prop('type') === 'checkbox' || element.prop('type') === 'radio') {
                    error.appendTo(element.parent().parent());
                }
                else {
                    error.insertAfter(element);
                }
            }

Might not be a bad idea to search through the SO questions tagged with jquery-validate... and thoroughly read the documentation. — Sparky
– Sparky, Commented Jan 9, 2018 at 4:40
i always search before posting here fyi. let me know if u found the same problem. thanks. — Ying
– Ying, Commented Jan 9, 2018 at 4:42
Yeah, I stopped after I found four of the same... see duplicate links up top. Also, when you read the documentation you'll see an option called debug that would warn you when a field is missing the name attribute. — Sparky
– Sparky, Commented Jan 9, 2018 at 4:56

charlietfl · Accepted Answer · 2018-01-09 04:24:37Z

5

A required input also must have a name. Without a name it won't be submitted by browser and therefore can't also be required

<input name="terms" type="checkbox" required>

answered Jan 9, 2018 at 4:24

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

3 Comments

Ying Over a year ago

it work but why it doesn't have a red color like the other input?

charlietfl Over a year ago

No idea....... .Create a minimal reproducible example if that's a problem also

Ying Over a year ago

i think i have to modify it in the errors placements. i think i just have to find the right parents for the errors class. thanks,

Collectives™ on Stack Overflow

Jquery validation Error when trying to validate a bootstrap checkbox [duplicate]

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related