Dieses Mal bringe ich Ihnen die js-Überprüfung des regulären Ausdrucks. Was sind die Vorsichtsmaßnahmen für die Implementierung der js-Überprüfung des regulären Ausdrucks? Das Folgende ist ein praktischer Fall. Werfen wir einen Blick darauf.
Kurz gesagt
Bei der Formularvalidierung werden häufig reguläre Ausdrücke verwendet, um das Geburtsdatum zu überprüfen. 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 unterteilen ein Geburtsdatum in der Form 2018-06-15 in drei Komponenten: Jahr, Monat und Tag, und schreiben jeweils die entsprechenden regulären Regeln.
Regulärer Ausdruck für ein Jahr
Geben Sie zunächst die Regeldefinition des regulären Ausdrucks für ein Jahr an:
Gemäß den oben genannten Regeln ist es einfach, das zu schreiben regulärer Ausdruck des Jahres Formel:
var pattern = /^(19|20)\d{2}$/;
//输出 true
console.log(pattern.test("2008"));Nach dem Login kopieren
wobei // die beiden Schrägstriche und die Zeichen dazwischen die Definition von regulären Ausdrucksliteralen sind; ^ bedeutet Übereinstimmung mit dem Anfang der -Zeichenfolge und $ bedeutet, den Anfang der Zeichenfolge abzugleichen. Ende; ^(19|20) bedeutet, eine Zeichenfolge abzugleichen, die mit 19 oder 20 beginnt, ein Klammerpaar wird verwendet, um mehrere Elemente zu einer Einheit zusammenzufassen, und d{2} bedeutet, dass eine beliebige ASCII-Zahl zweimal abgeglichen wird , d entspricht [0-9] 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:
Ändern Sie den regulären Ausdruck gemäß den oben genannten Regeln 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
Regulärer Ausdruck für 2 Monate
Geben Sie zunächst die Regeldefinition des regulären Monatsausdrucks an:
Gemäß den oben genannten Regeln gelten die folgenden regulären Regeln und Es werden einfache Tests angegeben:
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 Regulärer Datumsausdruck
Geben Sie zunächst die Regeldefinition des regulären Datumsausdrucks an:
Gemäß den oben genannten Regeln sind die folgenden regulären Regeln und einfachen Tests gegeben:
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 Kombinationsüberprüfung
Gemäß der oben genannten Regel Durch den Ausdruck von Jahr, Monat und Datum wird der reguläre Ausdruck des Geburtsdatums gebildet:
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äßige Überprüfung nicht perfekt ist, hauptsächlich aufgrund der Anzahl Tage im Februar, April, Juni, September und November.
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.
Gemäß den neuen Regeln und Anweisungen sind folgende reguläre Funktionen und Prüfungen gegeben:
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"));Nach dem Login kopieren
上述正则表达式中利用了String的match()方法，该方法唯一参数是一个正则表达式，返回的是一个由匹配结果组成的数组。数组的第一个元素就是匹配的字符串，余下的元素则是正则表达式中用圆括号括起来的子表达式。而(:?...)这种形式多次出现，该种方式表示只是把项组合到一个单元，但不记忆与该组相匹配的字符。利用该种方法按照正则匹配的顺序分别取出了年月日项，以便后序比较。
根据上述分析与测试，我们不但实现了年月日的正则的一般判定，还实现了日期范围及2，4，6，9，11月等特殊月份天数的处理，测验结果达到了我们设定的目标。
根据上述讲解和分析，我们可以调整相应的限定规则，使其满足于特定场景下的项目需要。
延伸
根据 V2EX网友 xiangyuecn 的意见，上述checkBirth的逻辑代码太多，确实有点 low。现将上述代码更新如下：
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
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
Vue.js中computed与methods使用与区别
js-cookie使用步骤详解
Das obige ist der detaillierte Inhalt vonjs überprüft den regulären Ausdruck des Geburtsdatums. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
