How do I style jquery validate error messages
These are the current validation rules and messages that I have applied. The error messages work however I would like the text to be red and bold. How and where do I style the error messages?
$("#payment-form").validate({
rules: {
email: {
required: true,
email: true
},
password: {
required: true,
minlength: 8
},
password_confirm: {
required: true,
minlength: 8,
equalTo: "#password"
}
},
messages: {
email: "Please enter a valid email address",
password: {
required: "Please provide a password",
minlength: "Your password must be at least 8 characters long",
},
password_confirm: {
required: "Please provide a password",
minlength: "Your password must be at least 8 characters long",
equalTo: "Please enter the same password as above"
}
}
});