这是 Demo
我从事 Javascript 验证工作。我想给文本单独的颜色 “请输入有效的电子邮件 ID”
当用户输入一个错误的电子邮件ID
并按下时,会出现一个错误信息。我想为此错误消息赋予红色。仅对于此错误消息,我需要红色
HTML
<label id="message">We don't Spam. Promise</label> <br />
<input autocomplete="on" type="text" name="booking_email" onkeyup="validate()" id="SignupText" class="InputSignup" placeholder="Enter Your Email" />
<input type="submit" value="submit" class="subButton" onclick="submitEmail();"/>
JavaScript
function validate()
{
var booking_email = $('input[name=booking_email]').val();
if(booking_email == '' ){
document.getElementById("message").innerHTML="We don't Spam. Promise";
}else if( /(.+)@(.+){1,}\.(.+){2,}/.test(booking_email) )
{
document.getElementById("message").innerHTML="Your email is valid"
if(event.which == 13){
submitEmail();
}
} else {
document.getElementById("message").innerHTML="Type your email id";
if(event.which == 13){
submitEmail();
}
}
}
function submitEmail()
{
var booking_email = $('input[name=booking_email]').val();
if(booking_email=="")
{
document.getElementById("message").innerHTML="Please enter Your Email ID"
}
else if( /(.+)@(.+){1,}\.(.+){2,}/.test(booking_email) )
{
alert('success');
}
else {document.getElementById("message").innerHTML="Please enter Valid Email ID";}
}
最佳答案
改变
document.getElementById("message").innerHTML="Please enter Your Email ID"
到
document.getElementById("message").innerHTML = "<span style='color:red'>Please enter Your Email ID</span>";
用颜色设置为红色的 span 包裹文本?
关于javascript - 如何为 Javascript 错误消息提供 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22225221/