zoukankan      html  css  js  c++  java
  • 检查日期格式不那么唐突

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>Date Example02</title>
      <style type="text/css">
      .error{color:#c00;font-weight:bold;}
      </style>
      <script type="text/javascript" src="checkdate.js"></script>
    </head>
    <body>
      <h1>Events search</h1>
      <form action="eventssearch.php" method="post" onsubmit="return checkDate();">
      <p>
      <label for="date">Date in the format DD/MM/YYYY:</label><br/>
      <input type="text" id="date" name="date"/>
      <input type="submit" value="Check"/>
      <br />(example 25/01/1923)<span class="error"> </span>
      </p>
      </form>
    </body>
    </html>

    checkdate.js:

    function checkDate(){
        if(!document.getElementById||!document.createTextNode){return;}
        var dateField=document.getElementById('date');
        if(!dateField){return;}
        var errorContainer=dateField.parentNode.getElementsByTagName('span')[0];
        //alert('11111');
        if(!errorContainer){return;}
        var checkPattern=new RegExp("\d{2}/\d{2}/\d{4}");
        var errorMessage='';
        //alert(errorContainer);
        errorContainer.firstChild.nodeValue='';
        var dateValue=dateField.value;
        if(dateValue=='')
        {
            errorMessage='Please provide a date.';
        }
        else if(!checkPattern.test(dateValue))
        {
            errorMessage='Please provide the date in the defined format.';
        }
        if(errorMessage!='')
        {
            errorContainer.firstChild.nodeValue=errorMessage;
            dateField.focus();
            return false;
        }
        else
        {
            return true;
        }
    }

    window.onload=checkDate;

    image

  • 相关阅读:
    【题解】洛谷P5048 Yuno loves sqrt technology III
    【题解】Codeforces1545D AquaMoon and Wrong Coordinate
    Linux压缩解压命令汇总
    Linux设置DNS地址及清理DNS缓存方法
    Linux设置系统运行模式
    JDBC 1.0
    iBATIS 历史三个版本小细节对比
    Oracle import/Export 命令
    初创互联网团队如何利用开源技术和云服务快速建立网站
    oracle Merge 函数
  • 原文地址:https://www.cnblogs.com/vonk/p/3977705.html
Copyright © 2011-2022 走看看