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!

全角数値は無理。

ということです。

コロナの影響でみんな大変だから俺もなんかできること

僕は福井県に住んでいるのですが、戦時中に福井大空襲にあい、その直後に大震災にあってボロボロになった話をおばあちゃんに聞きました。

それでも復活することができ、不死鳥の町と言われるようになりました。

先人達には心から感謝し尊敬します。

リーマンショック、東日本大震災、コロナと数十年に一度と言われる被害が立て続けに起きていますが、僕たちは強いです。

今は苦しいかもしれませんがきっと復活できます。

僕は低学歴ですし小さな小さな粒でしかないですが、プログラミングに関しては必死に勉強し15年以上ごはんにありつけています。

プログラミングを勉強している人の役に立てるほどのスキルはあると思っています。

なので1人でもんもんと悩んでいる若手のエンジニア向けに質問を受け付けることにします。

自宅で待機されている間もパソコンとインターネットがあればプログラミングの勉強はできます。

  • PHP
  • SQL
  • HTML・CSS
  • jQuery

とは言ってもいきなり答えを聞いていたのではなかなか成長できないと思うのです。

なので質問の際には次のことをご連携ください。

  • 何をやりたいか
  • どんなことを調べたか、検索キーワードと参考にしたページのURL
  • 調べた結果どこが分からないか
  • できるなら試したコード

メッセージいはとりあえずTwitterにでもください。

質問はこちら

すぐに返事できないかもしれませんがご了承ください。

コメントを残す

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

CAPTCHA