このチュートリアルでは、JavaScript を使用して PIN コードと携帯電話番号を検証する方法について説明します。
JavaScript で PIN コードと携帯電話番号を検証する方法は?
PIN コードと携帯電話番号を確認するには、「 正規表現 ' とともに ' マッチ() JavaScript のメソッド。 match() メソッドは値を正規表現に一致させます。一致した場合、メソッドは true を返し、そうでない場合は false を返します。
PIN コードを検証する正規表現パターン
通常、PIN コードは 4 桁、5 桁、または 6 桁のコードです。ここでは、6 桁の PIN コードを検証するための正規表現を記述します。
/^ \d { 6 } $ /
上記のパターンでは:
- 「 / スラッシュ文字は、正規表現/パターンの境界を参照するために使用されます。
- 「 ^ 」は番号の始まりを表します。
- 「 d 」は数字を表します。
- 「 {} 」は「 6 」。
- 「 \ 」 バックスラッシュ文字はエスケープ文字です。
- 「 $ ” は文字列の終わりを示します。
携帯電話番号を検証する正規表現パターン
HTML フォームで電話/携帯電話番号を検証することが不可欠です。有効な電話番号は、地域によってさまざまな形式で利用できる場合があります。フォローする リンク さまざまな正規表現をチェックして、電話番号を検証します。
ここでは、長さが 10 の単なる数字である 2 つの一般的な形式について説明します。
/^ \d { 3 } \d { 3 } \d { 4 } $ /上記の正規表現は、スペースなどの区切り文字や「 + 」、「 – ' また ' () 」。
例
最初に Web ページをデザインしてから、JavaScript を使用して PIN コードと携帯電話番号を検証しましょう。 HTML ファイルに移動し、そこに次のコードを貼り付けます。
< フォーム名 = '形' アクション = 「#」 >< 入力方式 = '文章' ID = 'ピン' プレースホルダー = 「暗証番号を入力してください」 オートコンプリート = 'オフ' >< br > < br >
< 入力方式 = '文章' ID = '番号' プレースホルダー = 「10桁の携帯電話番号を入力してください」 オートコンプリート = 'オフ' >< br >< br >
< ボタンタイプ = '参加する' オンクリック = 「検証()」 > 送信 ボタン >
形 >
上記のコードでは:
- まず、アクション「」でフォームを作成します # 」は、データがどこにも送信されないことを意味します。
- PIN コード用と携帯電話番号用の 2 つの入力フィールドを作成します。
- 「 参加する 」を呼び出すボタン 検証() PIN コードと携帯電話番号を検証する方法。
HTML ページは次のようになります。