HTML
<label>用户名:</label>
<input type="text" class="shuru" name="yonghuming" id="yonghuming" οnblur="tishi1();"></input>
<label id="yonghumingtishi" class="tishi1">用户名不能为空!</label>
<script>
function tishi1()
{
var txt=document.getElementById("yonghuming").value;
if(txt=="")
document.getElementById("yonghumingtishi").className="tishi2"
}
</script>
</br>
<label>密   码:</label>
<input type="text" class="shuru" name="mima" id="mima" οnblur="tishi2();"></input>
<label id="mimatishi" class="tishi1">密码不能为空!</label>
<script>
function tishi2()
{
var txt2=document.getElementById("mima").value;
if(txt2=="")
document.getElementById("mimatishi").className="tishi2"
}
</script>
.tishi1
{
color:red;
font-size:12px;
display:none;
}
.tishi2
{
color:red;
font-size:12px;
}
通过改变CSS类名,改变label的显示状态