zoukankan      html  css  js  c++  java

  • JS非空验证及邮箱验证

    　　非空验证

    <body>
    <table>
    <tr>
    <td>姓名：</td>
    <td><input type="text" name="TrueName" id="TrueName" /></td>
    </tr>
    ....省略其他input
    <tr>
    <td colspan="2">
    <input type="submit" value="submit"  onclick="return check();" />
    </td>
    </tr>
    </table>

    </body>

    <script language="JavaScript">
    function Check()
    {
     if(document.getElementById('TrueName').value=='') {
      alert('必须输入姓名！');
      document.getElementById('TrueName').focus();
      return false;
     }

     if(document.getElementById('Identity').value=='') {
      alert('必须输入身份证号码！');
      document.getElementById('Identity').focus();
      return false;
     }

     if(document.getElementById('Tel').value=='') {
      alert('必须输入联系电话！');
      document.getElementById('Tel').focus();
      return false;
     }

     if(document.getElementById('Address').value=='') {
      alert('必须输入联系地址！');
      document.getElementById('Address').focus();
      return false;
     }

     if(document.getElementById('WebID').value=='') {
      alert('必须设置员工账号！');
      document.getElementById('WebID').focus();
      return false;
     }

     if(document.getElementById('PassWord').value=='') {
      alert('密码不能为空！');
      document.getElementById('PassWord').focus();
      return false;
     }

     if(document.getElementById('PassWord').value!=document.getElementById('RPass').value) {
      alert('两次输入的密码不一致！');
      document.getElementById('PassWord').focus();
      return false;
     }
    }
    </script>

    <script language="JavaScript">
    function Check()
    {
     if(document.getElementById('TrueName').value=='') {
      alert('必须输入姓名！');
      document.getElementById('TrueName').focus();
      return false;
     }

     if(document.getElementById('Identity').value=='') {
      alert('必须输入身份证号码！');
      document.getElementById('Identity').focus();
      return false;
     }

     if(document.getElementById('Tel').value=='') {
      alert('必须输入联系电话！');
      document.getElementById('Tel').focus();
      return false;
     }

     if(document.getElementById('Address').value=='') {
      alert('必须输入联系地址！');
      document.getElementById('Address').focus();
      return false;
     }

     if(document.getElementById('WebID').value=='') {
      alert('必须设置员工账号！');
      document.getElementById('WebID').focus();
      return false;
     }

     if(document.getElementById('PassWord').value=='') {
      alert('密码不能为空！');
      document.getElementById('PassWord').focus();
      return false;
     }

     if(document.getElementById('PassWord').value!=document.getElementById('RPass').value) {
      alert('两次输入的密码不一致！');
      document.getElementById('PassWord').focus();
      return false;
     }
    }
    </script>

    邮箱验证

    <script type="text/javascript">
    //验证邮箱格式
    function isEmail() 
    {
        var email=document.getElementById("zh_e").value;
    if(email=="")
    {
    alert("请输入邮箱！");
       document.getElementById("zh_e").focus();
       return false; 
    }
    var pattern= /^([a-zA-Z0-9]+[_|\_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/;
    strEmail=pattern.test(email);
        if (strEmail)
            { 
    return true;
    }
    else
        {
    alert("邮箱格式不正确！");
    }
    }
    </script>
    实现功能：当鼠标焦点离开文本框时触发该事件。onblur=“isEmail” [ onblur()失去焦点时触发事件 ]
    <body>
    <input type="text"  maxlength="32" style="220px;" onblur="isEmail()" id="zh_e"/>
    </body>
  • 相关阅读:
    pandas函数
    实战应用--基于物品的协同过滤算法itemCF
    Hadoop--mapreduce知识点总结
    HDFS知识点总结
    学习随笔 --python连接oracle数据库
    学习随笔 --python实现熵权法
    学习随笔 --SparkStreaming WordCount Python实现
    学习随笔 --SparkStreaming WordCount Java实现
    学习随笔--JavaSparkJDBC操作Oracle
    Anaconda和canda简介及区别
  • 原文地址：https://www.cnblogs.com/jly144000/p/7341611.html
Copyright © 2011-2022 走看看