zoukankan      html  css  js  c++  java
  • 很简单的表单检测

    ---恢复内容开始---

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

    ---恢复内容结束---

  • 相关阅读:
    smb 共享文件夹
    php nginx 配置
    mysql 存储过程
    ubuntu 源码下载分析
    rust 小米R3G官方rom(openwrt) openssl
    rust 配置
    mac 制作树莓派3b启动盘
    小米R2D
    golang 配置
    golang pprof操作流程
  • 原文地址:https://www.cnblogs.com/Mesiky/p/5701098.html
Copyright © 2011-2022 走看看