ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryフォーム検証に数値を指定することはできません

jqueryフォーム検証に数値を指定することはできません

WBOY
WBOYオリジナル
2021-11-16 09:55:412204ブラウズ

数値ではない jquery フォーム検証のメソッド: 1. val メソッドを使用してフォーム値を取得します; 2. 正規表現を作成して数値 "/^[0-9] $/" を検証します; 3 . In if ステートメント内でテスト メソッドを使用して、フォームの値が正規表現と一致するかどうかを確認します。構文は「if (正規表現オブジェクト. テスト (フォームの値))」です。

jqueryフォーム検証に数値を指定することはできません

このチュートリアルの動作環境: Windows7 システム、jquery1.10.0 バージョン、Dell G3 コンピューター。

jquery フォーム検証を数値にできない方法

1. jquery 検証を説明するために、test.html という名前の新しい HTML ファイルを作成します。純粋な数値として書かれます。 test.html ファイルで、form タグを使用してフォームを作成します。form フォーム内で、input タグを使用してフォームの入力ボックスを作成します。

test.html ファイルのフォーム フォームで、button タグを使用して、「メンバー名を確認」というボタン名を持つボタンを作成します。

test.html ファイルで、onclick イベントをボタンにバインドします。ボタンがクリックされると、yanzheng() 関数が実行されます。

jqueryフォーム検証に数値を指定することはできません

2. js タグで yanzheng() 関数を作成し、関数内で ID (ユーザー) を通じて入力オブジェクトを取得し、val() を使用しますメソッドを使用して入力メンバー名を取得し、そのメンバー名をユーザー変数に保存します。

yanzheng() 関数では、数値を検証するために正規表現 "/^[0-9] $/" を作成します。if ステートメントでは、メンバー名が test( ) メソッド.式が一致する場合、「純粋な数値にすることはできません」というプロンプトが表示されます。

jqueryフォーム検証に数値を指定することはできません

3. ブラウザで test.html ファイルを開き、メンバー名を入力してボタンをクリックし、効果を確認します。

jqueryフォーム検証に数値を指定することはできません

正規表現「/^[0-9] $/」は、数字で始まり数字で終わる 1 つ以上の数字を表します。

プログラミング関連の知識について詳しくは、プログラミング ビデオをご覧ください。 !

以上がjqueryフォーム検証に数値を指定することはできませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。