JavaScript 正規表現 (ユーザー名の検証)

Javascript Zheng Gui Biao Xian Yuza Mingno Jian Zheng



Web サイトの開発中、フォームの検証は、データの整合性を検証し、セキュリティの問題を防ぐのに役立つ重要な作業です。ユーザー名は、Web サイトやアプリケーションでユーザーを識別するために使用されるフォームでのユーザー入力の典型的なタイプです。ユーザー名を検証すると、文字数や長さの制限など、特定の基準を満たしていることを確認するのに役立ちます。

この記事では、JavaScript で正規表現を使用してユーザー名を検証する手順について説明します。

JavaScript 正規表現を使用してユーザー名を検証する方法は?

ユーザー名を検証するには、まず、ユーザー入力値が指定されたパターンに一致するかどうかを判断する正規表現を作成します。次に、「 テスト() パターンに応じたユーザー入力の検証方法。







文字、数字、およびその両方のみを含むが、特殊文字の入力を許可しない入力を取得するには、指定されたパターンに従います。



regexPattern でした = /^ [ a - ために - Z0 - 9 ] + $ /;

指定されたパターンは、数字を含む文字のみを許可し、入力に数字、文字、および特殊文字のみを入力することを許可しません。



regexPattern でした =/^ ( ?= . * [ a - ために - ] ) ( ?= . * [ 0 - 9 ] ) [ a - ために - Z0 - 9 ] + $ /;

ボーナスチップ : パターンでユーザー名の長さを指定することもできます。





「」には指定された構文を使用します テスト() 」正規表現パターンに従って入力を検証するメソッド:

パターン。 テスト ( 入力 )

例 1: ユーザー名には数字と文字のみが含まれ、両方の特殊文字は許可されていません

まず、入力フィールドと送信ボタンを含む

タグを使用して、HTML ドキュメントでフォームを作成します。 「」を付ける オンクリック 」イベントを呼び出すボタン付き validateUserName() 」ボタンのクリックで機能します。



< 形状 >

< ラベル > ユーザー名 ラベル >

< 入力方式 = '文章' 名前 = '名前' ID = '入力' オートコンプリート = 'オフ' />< br >< br >

< ボタンタイプ = '送信' オンクリック = 'validateUserName()' > 送信 ボタン >

形状 >