jQueryで値が数値かどうかをチェックする方法

金額の項目など数値で入力してもらわないといけない項目に対し、jQueryを使って数値チェックを行う方法を紹介します。

jQueryで値が数値かどうかをチェックする方法

数値チェックは $.isNumeric() を使います。

$.isNumeric()

は、入力項目の入力値です。

戻り値は、数値ならば true で、そうでないなら false が返ってきます。

 

次のようなサンプルを作成しました。

数値以外を入力したら入力項目の下に「数値を入力してください。」というメッセージが出ます。

色々な値で試してみた

文字種 結果
整数 123 true
少数 1.23 true
マイナス -123 true
全角数値 123 false
NULL null false
空文字 “” false
漢字 漢字 false
ひらがな ひらがな false
カタカナ カタカナ false
アルファベット abc false
記号 @*+ false

まとめ

簡単ですね!

jQueryの数値チェックは$.isNumeric()を使う。

少数でもマイナスでもOK!

全角数値は無理。

ということです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA