美文网首页
JS案例4-文本框超出规则提示

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

作者: hi__world | 来源:发表于2018-10-16 17:26 被阅读0次

    效果演示:


    小于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>
    

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/rxnhzftx.html