ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryフォーム検証に数値を指定することはできません
数値ではない jquery フォーム検証のメソッド: 1. val メソッドを使用してフォーム値を取得します; 2. 正規表現を作成して数値 "/^[0-9] $/" を検証します; 3 . In if ステートメント内でテスト メソッドを使用して、フォームの値が正規表現と一致するかどうかを確認します。構文は「if (正規表現オブジェクト. テスト (フォームの値))」です。
このチュートリアルの動作環境: Windows7 システム、jquery1.10.0 バージョン、Dell G3 コンピューター。
jquery フォーム検証を数値にできない方法
1. jquery 検証を説明するために、test.html という名前の新しい HTML ファイルを作成します。純粋な数値として書かれます。 test.html ファイルで、form タグを使用してフォームを作成します。form フォーム内で、input タグを使用してフォームの入力ボックスを作成します。
test.html ファイルのフォーム フォームで、button タグを使用して、「メンバー名を確認」というボタン名を持つボタンを作成します。
test.html ファイルで、onclick イベントをボタンにバインドします。ボタンがクリックされると、yanzheng() 関数が実行されます。
2. js タグで yanzheng() 関数を作成し、関数内で ID (ユーザー) を通じて入力オブジェクトを取得し、val() を使用しますメソッドを使用して入力メンバー名を取得し、そのメンバー名をユーザー変数に保存します。
yanzheng() 関数では、数値を検証するために正規表現 "/^[0-9] $/" を作成します。if ステートメントでは、メンバー名が test( ) メソッド.式が一致する場合、「純粋な数値にすることはできません」というプロンプトが表示されます。
3. ブラウザで test.html ファイルを開き、メンバー名を入力してボタンをクリックし、効果を確認します。
正規表現「/^[0-9] $/」は、数字で始まり数字で終わる 1 つ以上の数字を表します。
プログラミング関連の知識について詳しくは、プログラミング ビデオをご覧ください。 !
以上がjqueryフォーム検証に数値を指定することはできませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。