JavaScript を使用して入力が英数字であるか非英数字であるかを確認するにはどうすればよいですか?

王林
リリース: 2023-08-24 10:33:02
転載
1140 人が閲覧しました

如何使用 JavaScript 验证输入是字母数字还是非字母数字?

私たちのタスクは入力文字列を検証することであり、JavaScript を使用して入力文字列が英数字であるかどうかを確認する必要があります。英数字文字列には、大文字または小文字を含む数字と英字のみが含まれ、特殊文字やスペースは含まれません。

以下では、入力文字列を検証する 2 つの方法を見ていきます。

charCodeAt() メソッドを使用する

charCodeAT() メソッドを使用して、任意の文字の ASCII 値を取得できます。ここでは、文字列の各文字を繰り返し処理し、各文字の ASCII 値を確認します。 48 と 57 の間の ASCII コードは数字を表し、97 と 122 は小文字の英字を表し、65 と 90 は大文字の英字を表します。

したがって、ASCII 値が上記の ASCII 範囲内にない文字が見つかった場合、その文字列は英数字ではないと言えます。

###文法###

ユーザーは、次の構文に従って charCodeAT() メソッドを使用して、入力文字列が英数字かどうかを確認できます。

リーリー

上記の構文では、char は単一の文字です。 charCodeAT() メソッドを使用して、単一文字の ASCII 値を取得します。その後、if-else ステートメントを使用して、文字の ASCII コードが数字と英字の ASCII 値の間にあるかどうかを確認します。

例 1

以下の例では、さまざまな文字を含む 2 つの入力文字列を作成します。さらに、 validateString() 関数を定義します。 validateString() 関数では、for-of ループを使用して各文字列を反復処理します。さらに、charCodeAt() メソッドを使用して、引数として 0 を渡すことで文字の ASCII 値を取得します。

次に、ASCII コードが数字と英字の ASCII 範囲の間にない文字があるかどうかを確認します。文字列は英数字ではないと言えます。

リーリー

正規表現を使用する

RegExp() コンストラクターと new キーワードを使用して正規表現を作成できます。これは、入力文字列を正規表現パターンと照合し、これに基づいて true または false のブール値を返すパターンです。

###文法###

ユーザーは正規表現を使用して、次の構文に従って英数字文字列を検証できます。

リーリー

上記の構文では、結果変数には文字列が英数字かどうかに基づいたブール値が含まれます。

正規表現の説明

#^

- 文字列の先頭を示します。
  • [a-z0-9]

    - a ~ z または 0 ~ 9 の文字のみを表します。
  • $

    - 文字列の終わりを示します。
  • i

    – これは、大文字と小文字を区別しない文字列比較に使用される正規表現のフラグです。
  • 例 2

    次の例では、さまざまな文字列をパラメータとして渡して validateString() 関数を呼び出します。関数では、上記のような通常の解釈を作成します。その後、正規表現を参照として渡し、入力文字列を検証パラメータとして渡すことにより、test() メソッドを使用します。
test() メソッドが true を返す場合、入力文字列は英数字であり、数字と英字のみが含まれます。それ以外の場合、文字列は英数字ではありません。

リーリー

例 3

次の例では、Prompt () メソッドを使用してユーザーから文字列を取得します。その後、上の例で使用したのと同じように、正規表現を使用して文字列を検証しますが、ここでは別の正規表現を使用します。

ここで、[^a-zA-Z0-9] は、a ~ z、A ~ Z、0 ~ 9 の範囲にない任意の文字を表します。したがって、test() メソッドは、文字列が英数字でない場合は true を返し、英数字文字列の場合は false を返します。

リーリー

このチュートリアルでは、英数字文字列の検証について学びました。英数字文字列を検証するために 2 つの異なる正規表現を使用します。また、for ループと charCodeAT() メソッドを使用する簡単な方法を学習しましたが、これは時間効率が悪く、お勧めできません。

以上がJavaScript を使用して入力が英数字であるか非英数字であるかを確認するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!