HTML5 numeric input format

tanpa angka desimal
















Dalam membuat aplikasi Portal Odoo dengan template QWeb, kita sering perlu input text box yang hanya boleh menerima data berupa angka. Hal ini mudah dilakukan di HTML5 dengan membuat parameter type tag input menjadi number

Tapi parameter itu tidak membatasi angka desimal. 

Supaya input text numerik hanya menerima angka integer saja tanpa desimal, gunakan kode dibawah ini:


<input 
onkeypress='return event.charCode >= 48 && event.charCode <= 57'
step="1"
type="number"
autocomplete="off"
 name="amount"
id="amount"
placeholder="INPUT INTEGER AMOUNT"/>


Kita gunakan parameter onkeypress yang akan return langsung (tidak akan menampilkan apa yang diketik) jika kode ASCII character yang diinput bukan berada di antara 48 (angka 0) dan 57 (angka 9).

Materi ini merupakan bagian dari training Pemrograman Odoo Web Portal yang diselenggarakan oleh vitraining.com. Klik disini untuk registrasi dan jadwal terbaru.