#学习笔记#(4)输入框提示信息不能为空--JavaScript改变CSS样式

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>密&nbsp&nbsp&nbsp码：</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的显示状态