金額の入力欄を作りまして。
その入力内容をつかって合計値の計算とかしたかったので数字以外が入ると都合が悪い。
なので数字しか入力できないようにしました。
.html
<!-- inputボックスを表示 -->
<input type="tel" id="input_name">
<script type="text/javascript">
//費用は数値しか入力できない
$('#input_name').on('input', function() {
let value = $(this).val();
$(this).val(value.replace(/[^0-9]+/g, ''));
});
</script>
.on('input', function { 〜 }
でinputボックスの入力内容を監視し、なにか入力されたら〜
を実行する。
実行内容は.replace
で数字以外の文字を削除し、それをinputボックスの値とする、という内容。
正規表現については最初/[^0-9]/と書いていたのですが、その場合は
コピペで入力できるとのご指摘をいただきましたので、
2文字以上コピペしても入力できないように+
を付け、
コピペした文字列の途中まで文字が入っていても適用できるように/gを記載しています。
(@KeisukeKudo さん、@takaram さんありがとうございました!)