jQuery validate ".error" field CSS

Question

I am NOT trying to get form validation, I already have validation via the HTML 5 "required" field. What I want to do is be able to control the styles of ".error" which is populated by jQuery validate when a user fails to enter in a field or gives invalid information. How can I control the style if it is not being populated by the jQuery validate function? OR, why does jQuery refuse to provide an error field?

http://jsfiddle.net/xvAPY/140/

    $('#contactForm').validate({ // initialize the plugin
        errorElement: 'div',
        rules: {
            first_name: {
                required: true,
            },
            last_name: {
                required: true,
            },
            postal_code: {
                required: true,
            },
            phone_primary: {
                required: true,
            }
            email: {
                required: true,
            }
        },
        submitHandler: function (form) { // for demo
            alert('valid form submitted'); // for demo
            return false; // for demo
        }
    });

your browser console shows error afterphone_primary: {. Its missing a comma. — Nikhil Talreja
– Nikhil Talreja, Commented Jul 10, 2014 at 16:31

Shaunak D · Accepted Answer · 2014-07-10 16:28:28Z

1

There is a typo in your validate. Every option should be separated by a ,

phone_primary: {
    required: true,
}, //<- missing
email: {
    required: true,
}

The .error css works - Demo

answered Jul 10, 2014 at 16:28

Shaunak D

20.7k10 gold badges48 silver badges79 bronze badges

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

2 Comments

Felix Kling Over a year ago

There is a close reason for typos... just sayin'

Shaunak D Over a year ago

@FelixKling, yes you are right. Out of close votes for the day.

Collectives™ on Stack Overflow

jQuery validate ".error" field CSS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related