数字だけしか入力できないよう制限できるjQueryライブラリ「Numeric」

Webシステムで数字しか入力を受け付けないようにしたいケースは山程ありますが、そんな時に使える「Numeric」をみつけて、使ってみたら大変便利でした。

Numericの使い方

Numericをダウンロードして、jquery.numeric.min.jsを読みこませます。

<input type="text" class="num">

<script>
$(function ()
{
  $(".num").numeric();
});
</script>

このように適用させたい入力ボックスに任意のクラスをつけて、実行させるだけでOKです。実際に入力しようとしても数字しか入力できないことがわかります。簡易的な数字チェックはこれだけでまかなえそうです。

[sc name=”engeneer”]

SHARE

• Tweet

PROFILE

入江 慎吾
Webサービスを作るのが大好きです。制作会社10年→フリーランス→受託をやめサービス開発に専念。プログラミングのメンターサービスMENTAは月間流通額約1,300万を突破🚀 YouTubeでは個人開発について語ってます / 「自分のサービスで生きていく」をコンセプトに個人開発オンラインサロン「入江開発室」を運営（詳しいプロフィール）