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
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")); 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"));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"));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 🎜>
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"));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")); 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
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 == '31') {
return false;
} else if(parseInt(month) == 2){
if((iYear % 4 ==0 && iYear % 100 != 0) || (iYear % 400 == 0)) {
if(date == '29') {
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"));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. 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;
}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!
Heiße KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
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
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
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
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
JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems
Dec 17, 2023 pm 05:13 PM
JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems Einführung: Heutzutage ist die Genauigkeit von Wettervorhersagen für das tägliche Leben und die Entscheidungsfindung von großer Bedeutung. Mit der Weiterentwicklung der Technologie können wir genauere und zuverlässigere Wettervorhersagen liefern, indem wir Wetterdaten in Echtzeit erhalten. In diesem Artikel erfahren Sie, wie Sie mit JavaScript und WebSocket-Technologie ein effizientes Echtzeit-Wettervorhersagesystem aufbauen. In diesem Artikel wird der Implementierungsprozess anhand spezifischer Codebeispiele demonstriert. Wir
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
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
So erhalten Sie auf einfache Weise HTTP-Statuscode in JavaScript
Jan 05, 2024 pm 01:37 PM
Einführung in die Methode zum Abrufen des HTTP-Statuscodes in JavaScript: Bei der Front-End-Entwicklung müssen wir uns häufig mit der Interaktion mit der Back-End-Schnittstelle befassen, und der HTTP-Statuscode ist ein sehr wichtiger Teil davon. Das Verstehen und Abrufen von HTTP-Statuscodes hilft uns, die von der Schnittstelle zurückgegebenen Daten besser zu verarbeiten. In diesem Artikel wird erläutert, wie Sie mithilfe von JavaScript HTTP-Statuscodes erhalten, und es werden spezifische Codebeispiele bereitgestellt. 1. Was ist ein HTTP-Statuscode? HTTP-Statuscode bedeutet, dass der Dienst den Dienst anfordert, wenn er eine Anfrage an den Server initiiert
