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>

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

  • 相关阅读:
    前端模块化开发的价值
    Promise对象
    avalon define新老风格对比
    jQuery知识点1
    SASS
    HTML5
    JSON
    css垂直居中
    maven nexus 部署
    Linux 平台下 lzo和hadoop-lzo安装与集成
  • 原文地址:https://www.cnblogs.com/Mesiky/p/5701098.html
Copyright © 2011-2022 走看看