ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptで数字のみを入力するように設定する方法

JavaScriptで数字のみを入力するように設定する方法

coldplay.xixi
coldplay.xixiオリジナル
2021-04-08 15:03:2410127ブラウズ

数字のみを設定する Javascript メソッド: まず、input タグを使用してテキスト入力ボックスを作成し、[pan()] 関数を実行するボタンを設定します。次に、[getElementById()] メソッドを使用して取得value 属性の内容を入力ボックスに入力し、最後にボタンをクリックして判定結果を表示します。

JavaScriptで数字のみを入力するように設定する方法

このチュートリアルの動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、DELL G3 コンピューター。

JavaScript で数値のみを設定する方法:

1. 内容を判断するための js の説明に使用する html ファイルを新規作成し、test.html という名前を付けます。入力ボックスの数値のみを使用できます。

JavaScriptで数字のみを入力するように設定する方法

2. test.html ファイルで、input タグを使用してテキスト入力ボックスを作成し、その id 属性を myinput に設定します。

JavaScriptで数字のみを入力するように設定する方法

3. test.html ファイルで、button タグを使用してボタンを作成し、onclick() クリック イベントをボタンにバインドし、ボタンがクリックされたときをバインドします。 , pan( )関数を実行します。

JavaScriptで数字のみを入力するように設定する方法

4. test.html ファイルの js タグ内で、pan() 関数を作成します。関数内で、getElementById() メソッドを使用して入力を取得します。 value 属性 ボックスの内容。

JavaScriptで数字のみを入力するように設定する方法

#5. pan() 関数内で、数値に一致する正規表現を作成し、それを re 変数に保存します。

JavaScriptで数字のみを入力するように設定する方法

6. test.html ファイルで、if ステートメントを使用し、test() メソッドを使用して正規表現を使用し、入力ボックスの内容が数値ではない場合は、alert() メソッドを使用して、「数値を入力してください」というプロンプトを表示します。

JavaScriptで数字のみを入力するように設定する方法

7. test.html ファイルをブラウザで開き、入力ボックスに数値以外の内容を入力し、 ボタンをクリックすると判定結果が表示されます。

JavaScriptで数字のみを入力するように設定する方法

関連する無料学習の推奨事項: JavaScript 学習チュートリアル

以上がJavaScriptで数字のみを入力するように設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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