JS案例4-文本框超出规则提示

效果演示：


小于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>
    密&nbsp;&nbsp;&nbsp;码：<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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容