Heim >Web-Frontend >js-Tutorial >JS führt eine regelmäßige Überprüfung des Geburtsdatums durch (mit Code)

JS führt eine regelmäßige Überprüfung des Geburtsdatums durch (mit Code)

php中世界最好的语言
php中世界最好的语言Original
2018-06-14 11:47:325295Durchsuche

Dieses Mal bringe ich Ihnen JS mit, um eine reguläre Methode zur Überprüfung des Geburtsdatums zu erstellen (mit Code). Was sind die Vorsichtsmaßnahmen für die Verwendung von JS, um eine regelmäßige Methode zur Überprüfung des Geburtsdatums zu erstellen?

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:

  • Das Jahr besteht aus 4 Ziffern

  • Akzeptiert nur Jahreszahlen, die mit 19 und 20 beginnen

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"));

wobei // zwei Schrägstriche und die Zeichen dazwischen die Definition von regulären Ausdrucksliteralen sind; ^ stellt den Anfang der übereinstimmenden Zeichenfolge dar und $ stellt das Ende der übereinstimmenden Zeichenfolge dar ; ^(19| 20) bedeutet den Abgleich einer Zeichenfolge, die mit 19 oder 20 beginnt. Ein Klammerpaar wird verwendet, um mehrere Elemente zu einer Einheit zusammenzufassen, und d{2} bedeutet den doppelten Abgleich einer beliebigen ASCII-Zahl, 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:

  • Das Jahr beginnt in 1920

  • Das Jahr endet 2018

Ä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"));

Regulärer Ausdruck für 2 Monate

Geben Sie zunächst die Regeldefinition des regulären Monatsausdrucks an:

  • Der Monat kann 1- sein. 12

  • Wenn der Monat 1-9 ist, können Sie 0 voranstellen

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"));

3 Regulärer Datumsausdruck

Geben Sie zunächst die Regeldefinition des regulären Datumsausdrucks an:

  • Das Datum kann 1-31 sein

  • Wenn das Datum 1-9 ist, können Sie 0 voranstellen

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"));

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"));

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 gleichmäßig durch 4 teilbar ist, ist ein Schaltjahr, und ein Jahr, das nicht teilbar ist mal 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 angegeben:

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"));

Der obige reguläre Ausdruck verwendet die match()-Methode von String. Der einzige Parameter dieser Methode ist Eine Formel gibt ein Array mit übereinstimmenden Ergebnissen zurück. Das erste Element des Arrays ist die übereinstimmende Zeichenfolge, und die übrigen Elemente sind die in Klammern eingeschlossenen Unterausdrücke im regulären Ausdruck. 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.

根据上述分析与测试,我们不但实现了年月日的正则的一般判定,还实现了日期范围及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;
}

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

如何使用Node.js注册邮箱激活

使用vue-route+beforeEach做出导航守卫

Das obige ist der detaillierte Inhalt vonJS führt eine regelmäßige Überprüfung des Geburtsdatums durch (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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