• RSS

[JS]フォームの入力値を数字や整数のみに制御できるjQuerysプラグイン「jQuery Plugin – Numeric」

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

メールフォームなどテキストボックスへ文字を入力する際に、半角数字のみに制限してくれるjQueryプラグイン「jQuery Plugin – Numeric」のご紹介です。

jQuery Plugin – Numeric のダウンロード

以下のページよりjquery.numeric.min.jsのファイルをダウンロードします。


jQuery Plugin – Numericによる入力値制御

ダウンロードしたjquery.numeric.min.jsをjquery.minファイルと一緒に<head>内に読み込ませます。

上記のように「数値」「整数」「正数」「正の整数」「小数点以下○桁までの数値」の入力制御が可能になります。
※なお、フォームに値を入力する際に制御は掛かりますが、テキストのペーストが可能なので、今回はペースト禁止の処理も加えています。


HTML

フォーム部分は以下のようにします。

inputタグのクラスにnumericintegerなどを指定します。

以下に、jQuery Plugin – Numericによるフォームのデモを用意していますので、挙動を確認していただければと思います。
jQuery – Numeric によるフォームの入力値制御デモ



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください