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!

全角数値は無理。

ということです。

2 件のコメント

  • 急なコメント失礼します。
    福井市在住の26歳男です。
    僕は最近プログラミングの勉強を始めました。
    Web系のプログラミングを習得し、
    転職をしたいと考えています。
    福井市内の求人を見ておりますが、実務経験がないと入れないところが多く、やはり未経験では内定は難しいのでしょうか。
    ご教授頂けると幸いです。
    長文失礼しました。

    • お返事遅くなり申し訳ありません。

      >福井市内の求人を見ておりますが、実務経験がないと入れないところが多く、やはり未経験では内定は難しいのでしょうか。
      やはり最近は経験がある人の採用が多いように感じます。
      しかし、HTMLやCSSのコーディングに関しては実務経験が無くても独学で自作したものがあれば採用されることが多く、そういった企業ではWordPressの案件も多いです。
      そこでWordPressテーマを自作できるレベルになればもっと複雑なWEBシステムの開発も視野には入ると個人的には思います。少し遠回りかもですが、道はあります。

      それか、小さ目の会社を狙っていくと入りやすいです。注意点としては先輩エンジニアがいない場合は結局独学と変わらないので先輩エンジニアがいる条件は必須です。
      経験を積んだら入りたい会社に余裕で入れます!

  • コメントを残す

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

    CAPTCHA