JavaScript フォーム検証 - まずは正規表現の入門_JavaScript スキル

推奨読書: JavaScript フォーム検証の長さ

JavaScript フォーム検証 - フォーム送信

JavaScript フォームの検証 - 正規表現を明らかにする

JavaScript を使用すると、HTML フォーム内のこれらの入力データをサーバーに送信する前に検証できます。

検証日

日付の形式は比較的特殊であり、その長さだけでは検証できません

一般的な日付形式: 最初に 2 桁で日を表し、次に 2 桁で月を表し、最後に 4 桁で年を表します。ピリオドはスラッシュで区切られます。

YYYY/MM/DD

ブロガー: 日付が形式に準拠しているかどうかを検証するコードを設計するにはどうすればよいですか?

まず、日付形式を検証するロジックを見てみましょう

フォームフィールドの値を取り出し、「/」を使用して文字列を配列に分割します

「月」の部分文字列を分析して、文字が 2 つだけで、両方とも数字であるかどうかを確認します

「day」の部分文字列を分析して、文字が 2 つだけで、両方とも数字であるかどうかを確認します

「年」の部分文字列を分析して、文字が 4 つだけで、すべて数字であるかどうかを確認します

上記の条件が満たされる場合、入力データにスラッシュが 2 つだけあるかどうかも判断する必要があります。スラッシュが 3 つ以上ある場合、後続の内容は無視される必要があります。

ブロガー: 心配しないでください。Javascript は開発者に強力な組み込みツールである正規表現を提供します。

特にテキスト パターンの一致に使用されます

それは、目を輝かせた警察官のようなもので、常に容疑者の一挙手一投足を観察し、一度法律を破ったら悪人を捕まえます╮(╯▽╰)╭

それでは、小さな例を見てみましょう

マッチパターン=/^d{5}$/

等号の後の文字は次の式です

最初のスラッシュと最後のスラッシュ: 「/」正規表現はスラッシュで囲まれます

2 番目の文字: 「^」文字は指定されたパターンで始まる必要があります。数字は使用できません

3 番目の文字:「d」は数字を表します

4 番目の文字: "{5}" 唯一の数字を 5 回繰り返す必要があります

5 番目の文字: "$" 文字列は指定されたパターンで終わります

さて、エディターは Javascript フォーム検証についてこれだけ説明します。つまり、正規表現の最初の知識です。次のセクションでは、正規表現 について説明します。さらに詳しい内容については、スクリプト ハウスの Web サイトをご覧ください。