【HTML】Formバリデーションのサンプル

はじめに

フォームのバリデーションについて毎回同じことを調べている気がするのでここにメモしていきます
随時追加します

0以上の整数値のみ(0,1,2,3,…)

html

1
<input type="number" id="hoge">

JavaScript

1
2
3
4
document.getElementById('hoge').addEventListener('blur', function() {
if (!this.value || this.value < 0) this.value = 0;
else this.value = Number(this.value)
}, false)

blur
→フォーカスを外れた時に実行されます。inputでも可能なのですが0を消せなくて使いにくかったのでblurにしました

Number(this.value)
→先頭の0を除外するためです

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×