jQuery Untuk Membatasi Angka Pada Input Tidak Lebih Dari 100

Cara Pertama kita dapat menggunakan type number seperti pada HTML5.

<input id="numberbox" type='number' max='100'>

 script diatas hanya mendeteksi nilai yang dimasukkan lebih dari 100. Tidak berjalan pada browser yang belum support HTML5.

Alternatif lainnya menggunakan patern:

<input type='text' maxlength='2' pattern='^[0-9]$'>

Tapi masih kurang akurat karena maksimal masih 99 saja.

 

Sedangkan jika dengan jQuery Untuk Membatasi Angka Pada Input Tidak Lebih Dari 100 sebagai berikut:

$('#numberbox').keyup(function(){
  if ($(this).val() > 100){
    alert("Maksimal 100");
    $(this).val('100');
  }
});

Selalu gunakan validasi back-end(PHP) untuk hasil yang maksimal
Terima Kasih Atas Kunjunganya.