NEEED help editing color of these error messages.

dman779 Peon

Messages:: 116

Likes Received:: 2

Best Answers:: 0

Trophy Points:: 0

#1

I need to make the messages appear in red font. please tell me what code i should add to allow that to happen. thank you.

<script language="javascript" type="text/javascript">
//-->
$.validator.setDefaults({
submitHandler: function() { document.signupForm.submit(); }
});

$().ready(function() {

// validate signup form on keyup and submit
$("#signupForm").validate({
rules: {
first_name: {
required: true,
minLength: 2
},
last_name: {
required: true,
minLength: 2
},
password: {
required: true,
minLength: 6
},
password2: {
required: true,
minlength: 6,
equalTo: "#password"
},
email: {
required: true,
email: true,
remote: "ajaxHandle.php?doAction=emailAvailCheck&siteID=<?=$siteID?>"
},
email2: {
required: true,
email: true,
equalTo: "#email"
},
dob: {
required: true
},
address: {
required: true
},
city:{
required: true
},
zip:{
required: true,
minlength: 5
},
country: "required",
phone: "required",
agree: "required"

},
messages: {
first_name: "Please enter your first name.",
last_name: "Please enter your last name.",
password: {
required: "Please provide a password.",
minLength: "Your password must be at least 6 characters long."
},
password2: {
required: "Please provide a password.",
minLength: "Your password must be at least 6 characters long.",
equalTo: "Please enter the same password as above."
},
email: {
required: "Please enter a valid email address.",
minLength: "Please enter a valid email address.",
remote: jQuery.format("{0} is already in use")
},
email2: {
required: "Please enter a valid email address.",
minLength: "Please enter a valid email address.",
equalTo: "Please enter the same email as above."
},
address: {
required: "Please enter your mailing address.",
},
dob: {
required: "Please enter your date of birth.",
},

city: {
required: "Please enter your city."
},
zip: {
required: "Please enter your five digit zip code.",
minLength: "Please enter a valid five digit zip code."
},
country: "Please enter your country.",
phone: "Please enter your active phone number.",
}
});
});

//-->
</script>
Click to expand...

dman779, Jul 11, 2008 IP

rohan_shenoy Active Member

Messages:: 441

Likes Received:: 20

Best Answers:: 0

Trophy Points:: 60

#2

phone: "<span style='color: #CC0000;'>Please enter your active phone number.</span>",
Click to expand...

All the bold part of the above code as shown above.

rohan_shenoy, Jul 11, 2008 IP

dman779 likes this.

dman779 Peon

Messages:: 116

Likes Received:: 2

Best Answers:: 0

Trophy Points:: 0

#3

thanks so much, that worked and was a pretty easy fix.

dman779, Jul 12, 2008 IP

Log in or Sign up

NEEED help editing color of these error messages.

dman779 Peon

rohan_shenoy Active Member

dman779 Peon

Useful Searches