🐥

【jQuery】入力された文字から数字以外を削除する

2023/05/22に公開

iPhoneには、電話帳に登録された電話番号などを自動で入力してくれる便利機能があるのですが、親切のつもりか、自動で半角スペースが入るようになっています。

折角自動入力してくれたのに、バリデーションなどの関係でユーザーにいちいちスペースの削除をさせるのは心苦しいですし、そんな手間が発生すればそもそもユーザーが離れてしまいます。

そこで、文字の入力を感知した段階で、入力文字列から数字以外の文字を削除してしまいましょう。

電話番号の入力フォームでの対応

$(function () {
  $("#hoge").change(function() {
    var getData = $(this).val();
    $(this).val(
        getData.replace(/\D+/g, '')
    );
  });
});

Discussion