フォームのinputボックスの内容に数字しか入力できないように制限する
フォームのinputボックスの内容に数字しか入力できないように制限する:
金額の入力欄を作りまして。
その入力内容をつかって合計値の計算とかしたかったので数字以外が入ると都合が悪い。
なので数字しか入力できないようにしました。
実行内容は
関係ないけど
金額の入力欄を作りまして。
その入力内容をつかって合計値の計算とかしたかったので数字以外が入ると都合が悪い。
なので数字しか入力できないようにしました。
<!-- 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]/, ''));
});
</script>
.on('input', function { 〜 }でinputボックスの入力内容を監視し、なにか入力されたら〜を実行する。実行内容は
.replaceで数字以外の文字を削除し、それをinputボックスの値とする、という内容。関係ないけど
function() {}という書き方と() => 〜という書き方があるらしいけどなんなんだ?あれ。
コメント
コメントを投稿