ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryで検証番号を実装する方法

jqueryで検証番号を実装する方法

WBOY
WBOYオリジナル
2021-12-13 12:11:272844ブラウズ

方法: 1. 数値を検証するための正規表現を宣言します。構文は "var a=/^[1-9][0-9] $/gi;"; 2. if で使用します。数値を検証するためのステートメント test() メソッドの構文は、「if(a.test(指定された内容)){数値コードです;}else{数値コードではありません;}」です。

jqueryで検証番号を実装する方法

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

jquery による数値検証の実装方法

#数値を検証するための正規表現を記述し、jquery の test() メソッドを通じて正規表現を使用します。検証してif文で判定することで数値を判定する機能を実現できます。次の例では、jquery を使用して数値かどうかを判断する方法を説明します。

例は次のとおりです:

1. jquery を使用して数値かどうかを判断する方法を説明するために、test.html という名前の新しい HTML ファイルを作成します。 input タグを使用して入力ボックスを作成し、その ID を myinput に設定します。これは主に、以下の ID を通じて入力オブジェクトを取得するために使用されます。

buttonタグを使用して「数字かどうか判定」という名前のボタンを作成します。 onclick クリック イベントをボタン ボタンにバインドし、ボタンがクリックされると isnum() 関数が実行されます。

js タグ内に isnum() 関数を作成します。関数内で、入力 (myinput) の ID 値を通じて入力オブジェクトを取得し、次に val() メソッドを使用して入力コンテンツを取得します。そして、数値を検証するための通常のルールを記述します (式 "/^[1-9][0-9] $/gi")。

jqueryで検証番号を実装する方法

2. isnum() 関数では、if ステートメントを使用し、test() メソッドを使用して正規表現を使用して、入力内容が数値かどうかを判断します。数字の場合は「入力が正しいです」というメッセージが表示され、それ以外の場合は「数字を入力してください」というメッセージが表示されます。

jqueryで検証番号を実装する方法

test.html ファイルをブラウザで開き、テキスト ボックスに内容を入力し、ボタンをクリックして効果を確認します。

jqueryで検証番号を実装する方法

jqueryで検証番号を実装する方法

概要:

1. test.html ファイルを作成します。

2. ファイル内で、input タグを使用してテキスト ボックスとボタン ボタンを作成し、入力内容を決定する js 関数の実行をトリガーします。

3. js タグで、js 関数を作成し、テキスト ボックスの ID 値を通じてオブジェクトを取得し、val() メソッドを使用してテキスト ボックスの入力コンテンツを取得し、 test() メソッドでは、正規表現 (/ ^[1-9][0-9] $/gi) を使用して、入力内容が数値かどうかを判断します。

注意事項

正規表現を使用して数値を決定するほかに、Number() メソッドを使用して数値を決定することもできます。

推奨される関連ビデオ チュートリアル: jQuery ビデオ チュートリアル

以上がjqueryで検証番号を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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