zoukankan      html  css  js  c++  java
  • 9.26 开课第二十三天 (JS表单验证)

    <form action="lizi1.html" method="post">

    非空验证

    <input type="text" name="uid" id="uid" onblur="Check()" />

    <input type="text" name="pw1" id="pw1" />

    <input type="text" name="pw2" id="pw2" />

    <input type="text" name="age" id="age" />

    <input type="text" name="email" id="email" />

    <input type="submit" value="确定" id="btn" onclick="return Check()" />

    </form>

    <script type="text/javascript">

     //非空验证

     function Check()

     {  

       //取到用户输入的值

        var v = document.getElementById("uid").value;   

        //对值进行验证   

      if(v.trim().length==0)   

      {   

       alert("用户名不能为空");   

       return false;   

      }   

      else

        {  

        return true;   

      }

     }   

    //相等验证

    function Check()

     {  

       var v1 = document.getElementById("pw1").value;  

       var v2 = document.getElementById("pw2").value;   

        if(v1==v2)   

      {   

       return true;

        }

      else

        {  

        alert("两次输入的密码不相同");   

       return false;  

       }

     }   

     //范围验证  

    function Check()

       {   

      var v = parseInt(document.getElementById("age").value);     

       if( v>=18 && v<=50)  

       {  

        return true;  

       }  

       else  

       {    

      alert("输入的年龄不在范围内");  

        return false;  

       }

     }

  • 相关阅读:
    myeclipse源码相关操作
    来自一个程序员内心深处的心声
    编程乐趣--汉字转拼音
    MyEclipse下安装FreeMark插件
    java web 加载Spring --web.xml 篇
    注解方式实现声明式事务管理
    spring与struts简单整合案例
    创建对象与对象依赖关系
    几种对数据的处理以及对数据的封装
    Action开发、通配符、路径问题和struts中常量用法
  • 原文地址:https://www.cnblogs.com/l5580/p/5909308.html
Copyright © 2011-2022 走看看