jQuery validate ".error" field CSS

jQuery validate ".error" field CSS

本文关键字：quot CSS field error validate jQuery      更新时间：2023-09-26

我不是试图获得表单验证，我已经通过HTML 5 "required"字段进行了验证。我想做的是能够控制的风格"。error"，当用户输入字段失败或给出无效信息时，由jQuery validate填充。我怎么能控制样式，如果它不是由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
        }
    });

您的validate有一个错别字。每个选项之间应该用,

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

.error css作品——演示

相关文章：