Skip to content →

数字だけしか入力できないよう制限できる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

PROFILE

入江 慎吾
イリテク株式会社代表取締役 / メンターマッチングサービスMENTAを運営(月間流通額700万突破)/ 累計20個以上のWEBサービスやアプリを開発 / CAMPFIREとコミュニティツールVoyageを共同開発中 / 「自分のサービスで生きていく」をコンセプトに個人開発オンラインサロン「入江開発室」を運営(詳しいプロフィール)

Published in 開発奮闘記