实现鼠标离开检查用户名和密码是否合格
一个简单的例子,onblur表示鼠标离开触发事件
<p>
用户名:
<input type="text" id="name" onblur="a1()">
<span id="userInfo"></span>
</p>
<p>
密码:
<input type="text" id="pwd" onblur="a2()">
<span id="pwdInfo"></span>
</p>
js代码块:
function a1() {
$.post({
url: "${pageContext.request.contextPath}/json/ajax",
data: {"name": $("#name").val()},
success: function (data, status) {
if (data.toString()=='ok'){
//字体颜色设置
$("#userInfo").css("color","green");
}
else {
$("#userInfo").css("color","red");
}
$("#userInfo").html(data);
}
})
}
function a2() {
$.post({
url: "${pageContext.request.contextPath}/json/ajax",
data: {"pwd": $("#pwd").val()},
success: function (data, status) {
data.toString();
if (data.toString()=='ok'){
$("#pwdInfo").css("color","green");
}
else {
$("#pwdInfo").css("color","red");
}
$("#pwdInfo").html(data);
}
})
}