java Html&JavaScript面試題:判斷第二個日期比第一個日期大

来源:https://www.cnblogs.com/qingyundian/archive/2018/01/29/8379630.html
-Advertisement-
Play Games

如何用腳本判斷用戶輸入的的字元串是下麵的時間格式2004-11-21 必須要保證用戶的輸入是此格式,並且是時間,比如說月份不大於12等等,另外我需要用戶輸入兩個,並且後一個要比前一個晚,只允許用JAVASCRIPT,請詳細幫助作答, 提示:可用正則表達式提前判斷一下格式,然後提取各時間欄位內容 寫出 ...


 如何用腳本判斷用戶輸入的的字元串是下麵的時間格式2004-11-21 必須要保證用戶的輸入是此格式,並且是時間,比如說月份不大於12等等,另外我需要用戶輸入兩個,並且後一個要比前一個晚,只允許用JAVASCRIPT,請詳細幫助作答,

提示:可用正則表達式提前判斷一下格式,然後提取各時間欄位內容

完成方法:

首先要在Eclipse中配置apache的tomcat伺服器,能夠測試網頁內容

再Eclipse中創建 dynamic web project項目

項目中創建一個html文件index.html

其中實現日期格式的判定,使用的是正則表達式 /^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/

/ ... / 表示js中的字元串開始,相當於java中的 “”

^ 表示正則開始 以\d{4}開始 表示以4個數字開頭

- 表示其本身 -

(0?[1-9]|1[0-2])  0?表示有0個或1個0      [1-9]表示1到9中的某個數          | 表示或者 \d表示一個數字    3[0-1]表示30或31 

index.html代碼如下,當中包含js腳本 視窗載入即調入此腳本,點擊submit即調用相應函數

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
    <script type="text/javascript">
        window.onload=function(){
            alert("視窗載入..");
            document.getElementById("form1").onsubmit=function(){//此處通過id找到網頁元素,該網頁元素提交即調用函數
                alert("點擊提交即調用函數......");
                var d1=this.d1.value;                            //此處通過id和name都可以找到
                var d2=this.d2.value;
                if(!verifyDate(d1)){
                    alert("核實結果,第一個日期格式不對");
                    return false;
                }
                if(!verifyDate(d2)){
                    alert("核實結果,第二個日期格式不對");
                    return false;
                }
                if(compareDate(d1,d2)){
                    alert("第二個日期大於第一個");
                    return false;
                }else{
                    alert("第二個日期小於第一個");
                    return false;
                }
            };
        }
        function verifyDate(d){
            var datePattern=/^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;
            return datePattern.test(d);
        }
        function compareDate(d1,d2){
            var arrayD1=d1.split("-");
            var arrayD2=d2.split("-");
            var date1=new Date(arrayD1[0],arrayD1[1],arrayD1[2]);
            var date2=new Date(arrayD2[0],arrayD2[1],arrayD2[2]);
            if(date2>date1){
                return true;
            }else{
                return false;
            }
        }
    </script>
</head>
<body>
    JavaScript
    <form action="index.html" id="form1">
        <input type="text" id="d1"> <input type="text" id="d2">
        <input type="submit">

    </form>
</body>
</html>

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Github: "https://github.com/nnngu" 項目源代碼: "https://github.com/nnngu/nguSeckill" 前端交互流程設計 對於一個系統,需要產品經理、前端工程師和後端工程師的參與,產品經理將用戶的需求做成一個開發文檔交給前端工程師和後端工程師, ...
  • 在面向對象編程的過程中,我們很容易通過繼承、多態來解決縱向擴展。 但是對於橫向的功能。面向對象的是無法解決的。所以AOP——面向切麵編程其實是面向對象編程思想的一個補充。過濾器和攔截器是AOP思想的具體實現,本文講解了在Spring boot下對過濾器和攔截器的使用。 ...
  • 工程報錯:java.lang.NoClassDefFoundError 名稱:類文件衝突 原因: 問題1,Windows 系統在某些時候不區分大小寫,比如Windows會認為Test.class 和test.class 是一個文件,無法區分。 問題2,在項目工程中有多個源碼包(source fold ...
  • 作為一個前端專業的人來說,對於事務的理解,一直停留在“要麼都成功,要麼都不成功”的小白階段。既然自己將2018年定義為”深入理解“的一年,那麼就從深入理解事務開始吧。 ...
  • dubbo消費者調用服務超時的原因可能有很多,今天排查問題花了兩個小時,也查了很多資料,好像每一篇資料都是提出一個問題,所以簡單總結幾點: 1. 配置才是重中之重,仔細檢查服務提供方的dubbo service和消費者的dubbo reference。保證服務方暴露介面和ref對象正確,保證消費者引 ...
  • 圖形用戶界面( G raphical U ser I nterface,GUI)編程 Python2.0級以下的版本叫做Tkinter,Python3.0改名為tkinter tkinter 模塊:添加 Tk 到應用中 那麼為了讓 tkinter 成為應用的一部分,你需要做些什麼呢?首先,已經存在的 ...
  • 一、int轉換成string Ⅰ、to_string函數 c++11標準增加了全局函數std::to_string: string to_string (int val); string to_string (long val); string to_string (long long val); ...
  • 空間配置器(allocator)這個概念在閱讀源碼之前我根本沒有聽過,原以為記憶體分配都是使用new和delete運算符(註意和operator new、placement new、operator delete以及placement delete不同)。在實際使用STL編程時也很少會遇到自己去實現一 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...