鼠标离开文本就进行验证:
在表单验证的时候，很多都是每填写完一项就会进行此项的验证，而不是非要等到提交表单的时候再验证，下面就通过简单的实例介绍一下原理，当然实际应用可能要复杂的多，代码实例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<head>
<title>表单验证-蚂蚁部落</title>
<script type="text/javascript">
function onblurs()
{
if(myform.username.value=="")
{
alert("姓名不能为空！");
}
else if(myform.address.value=="")
{
alert("地址不能为空！");
}
}
window.onload=function()
{
var username=document.getElementById("username");
var address=document.getElementById("address");
username.onblur=onblurs;
address.onblur=onblurs;
}
</script>
<form name="myform" action="#">
<table>
<tr>
<td>姓名:</td>
<td><input type="text" id="username"/></td>
</tr>
<tr>
<td>地址:</td>
<td><input type="text" id="address"/></td>
</tr>
</table>
</form>
</body>
</html>
以上代码实现了我们需要的功能，主要是利用了onblur事件，非常的简单，具体就不多介绍了。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8309
更多内容可以参阅:http://www.softwhy.com/javascript/
时间： 2024-10-29 19:08:47