如何用javascript在输入框后显示信息

目的:替代javascript中“alert”对用户提示的不友好方式

script 需要写在 <head>与</head>之间

<head>

<script text=”text/javascript” language=”javascript”>

function check(){
if(document.getElementById(“account”).value ==””){
document.getElementById(“account_error”).innerHTML=”<font color=”red” size=”1.5″>*账号不能为空</font>”;
return false;
}
else{
document.getElementById(“account_error”).innerHTML=”<font color=”red” size=”2″>√</font>”;
return true;
}
if(document.getElementById(“password”).value ==””){
document.getElementById(“password_error”).innerHTML=”<font color= “red” size=”1.5″>密码不能为空</font>”;
}
else{
document.getElementById(“password_error”).innerHTML=”<font color=”red” size=”2″>√</font>”;
return true;
}
}
</script>
</head>

<form name=”login” method=”post” action=”login.php” onmousedown=”return check()”>
<table width=”300″ border=”0″ align=”center” cellpadding=”4″ bgcolor=”#eeeee”>
<tr><td colspan=”2″ align=”center” class=”alert”><?echo $error;?></td></tr>
<tr>
<td>账号:</td>
<td><input name=”account” type=”text” id=”account” style=”width:150px” class=”textinput” value=”<? echo $account;?>”/><span id=”account_error” ></span></td>

此为“alert”显示方式。
此为代替“alert”的显示方式,友好度明显上升,红圈内为提示信息。
<span>与</span> 之间为提示信息所要显示的位置在<span>与</span> 中定义一个“id=xxxx”,用getElementById(“xxxx”)来指定元素,再由innerHTML来进行赋值。
getElementById(‘ID’) 可返回对拥有指定 ID 的第一个对象的引用。innerHTML  设置或返回一个链接的内容,用它来显示提示信息。黑线部分为赋的值,红线部分为提示信息的颜色和大小。