---恢复内容开始---
<html>
<head>
<script>
window.onload=function(){
var form=document.getElementsByTagName(‘form‘)[0]; //获取到form元素
var txt=form.elemenets[‘txt‘];
txt.onfocus{ //焦点聚集时触发事件
this.style.border="1px solid blue"; //边框的颜色为蓝色
}
txt.onblur{ //焦点失去的时候触发事件
if(/\D{4}/.test(txt.value)){ //判断输入的文本是否超过4位数的非数字文本
this.style.border=‘1px solid green‘; //如果是就边框为绿色
}else{
this.style.border=‘1px solid red‘; //如果不是边框为红色
}
}
}
</script>
</head>
<body>
<form>
<input type="text" >请输入账号不能少于4位数，并且不是位数字<br>
</form>
</body>
</html>
---恢复内容结束---
原文：http://www.cnblogs.com/Mesiky/p/5701098.html