javascript - jQuery 验证 ".error"字段 CSS

Question

我不是要进行表单验证，我已经通过 HTML 5“必填”字段进行了验证。我想要做的是能够控制由 jQuery 填充的“.error”样式，当用户无法输入字段或提供无效信息时进行验证。如果 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