JS案例4-文本框超出规则提示
2018-10-16 本文已影响0人
hi__world
效果演示：
小于3个数或者大于10个数字提示错误
源码：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
用户名：<input type="text" onblur="blur1(this)"><br><br>
密 码：<input type="password" onblur="blur1(this)">
<script>
function blur1(param) {
if(param.value.length<3||param.value.length>10){//不能小于3 也不能大于10
param.style.border="1px solid red"
}else{
param.style.border="1px solid green"
}
}
</script>
</body>
</html>
