Inhaltsverzeichnis
Kurz gesagt " >Kurz gesagt
Februar regulär
" >Februar regulär
3 Datum regulärer Ausdruck" >3 Datum regulärer Ausdruck
4 Kombinationsprüfung" > 4 Kombinationsprüfung
5 Verbesserung" >5 Verbesserung
Heim Web-Frontend js-Tutorial JavaScript-Schritte zum Implementieren eines regulären Ausdrucks für das Geburtsdatum

JavaScript-Schritte zum Implementieren eines regulären Ausdrucks für das Geburtsdatum

May 26, 2018 pm 04:35 PM
javascript js

Dieser Artikel unterteilt das Geburtsdatum in mehrere Teile und stellt Schritt für Schritt den gesamten Prozess der Implementierung einer Geburtsdatumsüberprüfung vor. Für diejenigen, die sich für reguläre Ausdrücke für das Geburtsdatum interessieren, lesen Sie bitte

Kurz gesagt

Bei der Formularvalidierung werden häufig reguläre Ausdrücke verwendet. Führen Sie eine Überprüfung des Geburtsdatums durch. Dieser Artikel gliedert das Geburtsdatum in mehrere Teile und stellt Schritt für Schritt den gesamten Prozess der Umsetzung einer Geburtsdatumsverifizierung vor. Ich glaube, dass Sie nach dem Verständnis des Inhalts dieses Artikels ein tieferes Verständnis und größeres Selbstvertrauen beim Schreiben regulärer Ausdrücke haben werden.


Wir teilen ein Geburtsdatum in der Form 2018-06-15 in drei Komponenten auf: Jahr, Monat und Datum, und schreiben das entsprechende von Regelmäßigkeit.

Regulärer Ausdruck für ein Jahr

Geben Sie zunächst die Regeldefinition des regulären Ausdrucks für ein Jahr an:

  • Das Jahr besteht aus 4 Ziffern

  • Akzeptiert nur Jahreszahlen, die mit 19 und 20 beginnen

Nach den oben genannten Regeln ist es einfach, den regulären Ausdruck des Jahres zu schreiben:

var pattern = /^(19|20)\d{2}$/;
//输出 true
console.log(pattern.test("2008"));
Nach dem Login kopieren


where // zwei Der Schrägstrich und die Zeichen dazwischen sind die Definition von regulären Ausdrucksliteralen; 20, eins Die Funktion von Klammern besteht darin, mehrere Elemente zu einer Einheit zusammenzufassen, während d{2} bedeutet, dass eine beliebige ASCII-Zahl zweimal abgeglichen wird, d äquivalent zu [0-9] ist und {2} bedeutet, dass das vorherige Element zweimal abgeglichen wird .

Der obige reguläre Ausdruck kann die Jahre von 1900 bis 2099 abgleichen. Wenn Sie den Jahresbereich einschränken möchten, fügen Sie die folgenden Regeln hinzu:

  • Jahresbeginn 1920

  • Das Jahr endete 2018

Gemäß den oben genannten Regeln wird der reguläre Ausdruck geändert wie folgt:

var pattern = /^(19[2-9]\d{1})|(20((0[0-9])|(1[0-8])))$/;
//输出 false
console.log(pattern.test("1916"));
//输出 true
console.log(pattern.test("2008"));
//输出 false
console.log(pattern.test("2022"));
Nach dem Login kopieren


Februar regulär

Zunächst wird die Regeldefinition des regulären Monatsausdrucks angegeben:

  • Der Monat kann 1-12 sein

  • Wenn der Monat 1-9 ist, kann 0 vorangestellt werden

Gemäß den oben genannten Regeln sind die folgenden regulären Regeln und einfachen Tests gegeben:

var pattern = /^((0?[1-9])|(1[0-2]))$/;
//输出 false
console.log(pattern.test("19"));
//输出 true
console.log(pattern.test("02"));
//输出 true
console.log(pattern.test("2"));
//输出 true
console.log(pattern.test("11"));
Nach dem Login kopieren

3 Datum regulärer Ausdruck

Geben Sie zunächst die Regeldefinition von an regulärer Datumsausdruck:

  • Datum Es kann 1-31 sein

  • Wenn das Datum 1-9 ist, können Sie 0 vor < hinzufügen 🎜>

Gemäß den oben genannten Regeln gelten die folgenden regulären Regeln und der einfache Test:

var pattern = /^((0?[1-9])|([1-2][0-9])|30|31)$/;
//输出 false
console.log(pattern.test("32"));
//输出 true
console.log(pattern.test("02"));
//输出 true
console.log(pattern.test("2"));
Nach dem Login kopieren

4 Kombinationsprüfung

Gemäß der oben genannten Jahresregel bilden die Kombination aus Monatsregelmäßigkeit und Datumsregelmäßigkeit den regulären Ausdruck des Geburtsdatums:

var pattern = /^((19[2-9]\d{1})|(20((0[0-9])|(1[0-8]))))\-((0?[1-9])|(1[0-2]))\-((0?[1-9])|([1-2][0-9])|30|31)$/;
//输出 true
console.log(pattern.test("1923-3-18"));
//输出 true
console.log(pattern.test("1923-4-31"));
//输出 true
console.log(pattern.test("1923-2-29"));
//输出 true
console.log(pattern.test("2016-2-29"));
Nach dem Login kopieren

Aus den obigen Testergebnissen ist ersichtlich, dass die obige Regelmäßigkeitsüberprüfung nicht perfekt ist, hauptsächlich Fragen zur Anzahl der Tage in 2, 4, 6, 9 und 11 Monaten.

5 Verbesserung

Fügen Sie entsprechend der Frage in Schritt 4 die Begrenzungsregeln wie folgt hinzu:

  • Im April, Juni, September und November gibt es keinen 31.

  • Der Februar hat in normalen Jahren 28 Tage

  • Der Februar hat 29 Tage in Schaltjahren

Beurteilung von Schaltjahren in gewöhnlichen Jahren:

Ein Jahr, das durch 4 teilbar ist, ist ein Schaltjahr, und ein Jahr, das nicht durch teilbar ist 4 ist ein gewöhnliches Jahr. Aber wenn es volle hundert Jahre sind, ist es nur dann ein Schaltjahr, wenn es durch 400 teilbar ist, andernfalls ist es ein gewöhnliches Jahr.

Basierend auf den neuen Regeln und Anweisungen werden die folgenden regulären Funktionen und Tests bereitgestellt:

var checkBirth = function (val) {
  var pattern = /^((?:19[2-9]\d{1})|(?:20(?:(?:0[0-9])|(?:1[0-8]))))\-((?:0?[1-9])|(?:1[0-2]))\-((?:0?[1-9])|(?:[1-2][0-9])|30|31)$/;
  var result = val.match(pattern);
  if(result != null) {
    var iYear = parseInt(result[1]);
    var month = result[2];
    var date = result[3];
    if(/^((0?[469])|11)$/.test(month) && date == &#39;31&#39;) {
      return false;
    } else if(parseInt(month) == 2){
      if((iYear % 4 ==0 && iYear % 100 != 0) || (iYear % 400 == 0)) {
        if(date == &#39;29&#39;) {
          return true;
        }
      }
      if(parseInt(date) > 28) {
        return false;
      }
    }
    return true;
  }
  return false;
}
//输出 true
console.log(checkBirth("1923-3-18"));
//输出 false 4月份没有31日
console.log(checkBirth("1923-4-31"));
//输出 false 平年
console.log(checkBirth("1923-2-29"));
//输出 true 闰年
console.log(checkBirth("2016-2-29"));
Nach dem Login kopieren

String's Match wird in der oben genannten regulären Funktion verwendet expressions()-Methode, der einzige Parameter dieser Methode ist ein regulärer Ausdruck und gibt ein Array zurück, das aus übereinstimmenden Ergebnissen besteht. Das erste Element des Arrays ist die übereinstimmende Zeichenfolge, und die übrigen Elemente sind Unterausdrücke, die im regulären Ausdruck in Klammern eingeschlossen sind. Die Form (:?...) kommt oft vor. Diese Methode bedeutet, dass die Elemente nur in einer Einheit gruppiert werden, die zur Gruppe passenden Zeichen jedoch nicht gespeichert werden. Diese Methode wird verwendet, um die Jahres-, Monats- und Tageselemente in der Reihenfolge des regulären Abgleichs für den anschließenden Vergleich zu extrahieren.


Basierend auf der obigen Analyse und Prüfung haben wir nicht nur die regelmäßige allgemeine Bestimmung von Jahr, Monat und Tag realisiert, sondern auch die Verarbeitung von Datumsbereichen und Tagen in speziellen Monaten wie 2, 4 Am 6., 9. und 9. November erreichten die Testergebnisse die von uns gesetzten Ziele.

Basierend auf der obigen Erklärung und Analyse können wir die entsprechenden Begrenzungsregeln anpassen, um den Projektanforderungen in bestimmten Szenarien gerecht zu werden.

Erweiterung

Nach Meinung des V2EX-Netizen xiangyuecn ist der obige Logikcode von checkBirth zu viel, was in der Tat etwas niedrig ist . Aktualisieren Sie nun den obigen Code wie folgt:

var checkBirth = function (val) {
  var pattern = /^((19[2-9]\d{1})|(20((0[0-9])|(1[0-8]))))\-((0?[1-9])|(1[0-2]))\-((0?[1-9])|([1-2][0-9])|30|31)$/;
  if(pattern.test(val)) {
    var date = new Date(val);
    var month = val.substring(val.indexOf("-")+1,val.lastIndexOf("-"));
    return date && (date.getMonth()+1 == parseInt(month));
  }
  return false;
}
Nach dem Login kopieren

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Konfiguration der globalen Ajax-Ladebox (Ladeeffekt)

Beherrschen Sie schnell Reverse Ajax in 30 Minuten

Ajax implementiert eine intelligente Eingabeaufforderungssuchfunktion

Das obige ist der detaillierte Inhalt vonJavaScript-Schritte zum Implementieren eines regulären Ausdrucks für das Geburtsdatum. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript Dec 17, 2023 pm 02:54 PM

So implementieren Sie mit WebSocket und JavaScript ein Online-Spracherkennungssystem. Einführung: Mit der kontinuierlichen Weiterentwicklung der Technologie ist die Spracherkennungstechnologie zu einem wichtigen Bestandteil des Bereichs der künstlichen Intelligenz geworden. Das auf WebSocket und JavaScript basierende Online-Spracherkennungssystem zeichnet sich durch geringe Latenz, Echtzeit und plattformübergreifende Eigenschaften aus und hat sich zu einer weit verbreiteten Lösung entwickelt. In diesem Artikel wird erläutert, wie Sie mit WebSocket und JavaScript ein Online-Spracherkennungssystem implementieren.

Wesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen mit PHP und JS Wesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen mit PHP und JS Dec 17, 2023 pm 06:55 PM

Wesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen in PHP und JS. Mit der rasanten Entwicklung des Internets und der Technologie ist der Aktienhandel für viele Anleger zu einer wichtigen Möglichkeit geworden. Die Aktienanalyse ist ein wichtiger Teil der Anlegerentscheidung, und Kerzendiagramme werden häufig in der technischen Analyse verwendet. Wenn Sie lernen, wie man Kerzendiagramme mit PHP und JS zeichnet, erhalten Anleger intuitivere Informationen, die ihnen helfen, bessere Entscheidungen zu treffen. Ein Candlestick-Chart ist ein technischer Chart, der Aktienkurse in Form von Candlesticks anzeigt. Es zeigt den Aktienkurs

Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Apr 03, 2024 am 11:55 AM

Die Technologie zur Gesichtserkennung und -erkennung ist bereits eine relativ ausgereifte und weit verbreitete Technologie. Derzeit ist JS die am weitesten verbreitete Internetanwendungssprache. Die Implementierung der Gesichtserkennung und -erkennung im Web-Frontend hat im Vergleich zur Back-End-Gesichtserkennung Vor- und Nachteile. Zu den Vorteilen gehören die Reduzierung der Netzwerkinteraktion und die Echtzeiterkennung, was die Wartezeit des Benutzers erheblich verkürzt und das Benutzererlebnis verbessert. Die Nachteile sind: Es ist durch die Größe des Modells begrenzt und auch die Genauigkeit ist begrenzt. Wie implementiert man mit js die Gesichtserkennung im Web? Um die Gesichtserkennung im Web zu implementieren, müssen Sie mit verwandten Programmiersprachen und -technologien wie JavaScript, HTML, CSS, WebRTC usw. vertraut sein. Gleichzeitig müssen Sie auch relevante Technologien für Computer Vision und künstliche Intelligenz beherrschen. Dies ist aufgrund des Designs der Webseite erwähnenswert

WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen Dec 17, 2023 pm 05:30 PM

WebSocket und JavaScript: Schlüsseltechnologien zur Realisierung von Echtzeit-Überwachungssystemen Einführung: Mit der rasanten Entwicklung der Internet-Technologie wurden Echtzeit-Überwachungssysteme in verschiedenen Bereichen weit verbreitet eingesetzt. Eine der Schlüsseltechnologien zur Erzielung einer Echtzeitüberwachung ist die Kombination von WebSocket und JavaScript. In diesem Artikel wird die Anwendung von WebSocket und JavaScript in Echtzeitüberwachungssystemen vorgestellt, Codebeispiele gegeben und deren Implementierungsprinzipien ausführlich erläutert. 1. WebSocket-Technologie

So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript Dec 17, 2023 am 09:39 AM

So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript. Im heutigen digitalen Zeitalter müssen immer mehr Unternehmen und Dienste Online-Reservierungsfunktionen bereitstellen. Es ist von entscheidender Bedeutung, ein effizientes Online-Reservierungssystem in Echtzeit zu implementieren. In diesem Artikel wird erläutert, wie Sie mit WebSocket und JavaScript ein Online-Reservierungssystem implementieren, und es werden spezifische Codebeispiele bereitgestellt. 1. Was ist WebSocket? WebSocket ist eine Vollduplex-Methode für eine einzelne TCP-Verbindung.

PHP- und JS-Entwicklungstipps: Beherrschen Sie die Methode zum Zeichnen von Aktienkerzendiagrammen PHP- und JS-Entwicklungstipps: Beherrschen Sie die Methode zum Zeichnen von Aktienkerzendiagrammen Dec 18, 2023 pm 03:39 PM

Mit der rasanten Entwicklung der Internetfinanzierung sind Aktieninvestitionen für immer mehr Menschen zur Wahl geworden. Im Aktienhandel sind Kerzendiagramme eine häufig verwendete Methode der technischen Analyse. Sie können den sich ändernden Trend der Aktienkurse anzeigen und Anlegern helfen, genauere Entscheidungen zu treffen. In diesem Artikel werden die Entwicklungskompetenzen von PHP und JS vorgestellt, der Leser wird zum Verständnis des Zeichnens von Aktienkerzendiagrammen geführt und es werden spezifische Codebeispiele bereitgestellt. 1. Aktien-Kerzendiagramme verstehen Bevor wir uns mit dem Zeichnen von Aktien-Kerzendiagrammen befassen, müssen wir zunächst verstehen, was ein Kerzendiagramm ist. Candlestick-Charts wurden von den Japanern entwickelt

Verwendung von JavaScript und WebSocket zur Implementierung eines Echtzeit-Online-Bestellsystems Verwendung von JavaScript und WebSocket zur Implementierung eines Echtzeit-Online-Bestellsystems Dec 17, 2023 pm 12:09 PM

Einführung in die Verwendung von JavaScript und WebSocket zur Implementierung eines Online-Bestellsystems in Echtzeit: Mit der Popularität des Internets und dem Fortschritt der Technologie haben immer mehr Restaurants damit begonnen, Online-Bestelldienste anzubieten. Um ein Echtzeit-Online-Bestellsystem zu implementieren, können wir JavaScript und WebSocket-Technologie verwenden. WebSocket ist ein Vollduplex-Kommunikationsprotokoll, das auf dem TCP-Protokoll basiert und eine bidirektionale Kommunikation zwischen Client und Server in Echtzeit realisieren kann. Im Echtzeit-Online-Bestellsystem, wenn der Benutzer Gerichte auswählt und eine Bestellung aufgibt

Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Jan 05, 2024 pm 06:08 PM

JavaScript-Tutorial: So erhalten Sie HTTP-Statuscode. Es sind spezifische Codebeispiele erforderlich. Vorwort: Bei der Webentwicklung ist häufig die Dateninteraktion mit dem Server erforderlich. Bei der Kommunikation mit dem Server müssen wir häufig den zurückgegebenen HTTP-Statuscode abrufen, um festzustellen, ob der Vorgang erfolgreich ist, und die entsprechende Verarbeitung basierend auf verschiedenen Statuscodes durchführen. In diesem Artikel erfahren Sie, wie Sie mit JavaScript HTTP-Statuscodes abrufen und einige praktische Codebeispiele bereitstellen. Verwenden von XMLHttpRequest

See all articles