HTMLで完璧な数値の入力制限をする方法【ios・android対応】

こんにちわ、ハル@haru_elpisです。

前回は「numeric」を使った、入力制限を紹介しましたがios・androidでは余分な物も入力できてしまうので、今回はそれをさせない備忘録です。

前回の記事→JavaScriptで数値入力制限が簡単に出来る【numeric】

下記は、数字とコンマだけが入力できるソースコードになっています。

<input class="atai antirc" type="tel">
          
<script>
    $(function($) {
        $(".atai").numeric({
        });
    });
</script>

重要なところはTypeをtelにしているところです。

Typeがnumberだとシングルクォーテーションやハイフンが入力できてしまいます。

用途に合わせて、Typeやnumericを使い分ける事でOSでの入力も制限する事ができます。

おわりっ