jQuery验证＆＃34; .error＆＃34;字段CSS

Question

我不是要尝试进行表单验证，我已经通过HTML 5“required”字段进行了验证。我想要做的是能够控制“.error”的样式，当用户无法输入字段或提供无效信息时，该样式由jQuery验证填充。如果没有jQuery验证功能填充样式，我该如何控制样式？或者，为什么jQuery拒绝提供错误字段？

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
        }
    });

Answer 1

validate中有拼写错误。每个选项都应以,

分隔

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

.error css有效 - Demo