how to make an input that only allows numbers, backspace, and delete keys

Question

I have this input

<input name="minSalary" value="49800" style="width: 45px" maxlength="5" id="numbersonly"></td>

and this script

document.getElementById('numbersonly').onkeydown = function(e) {
    var key = e.keyCode ? e.keyCode : e.which;
    if ( isNaN( String.fromCharCode(key) ) ) return false;
}

Right now the input only responds when numbers are pressed. I would also like to respond to backspace and delete.

Pinguin895 · Accepted Answer · 2015-09-26 11:13:12Z

3

you can also allow the keycodes 8 (backspace) and 46 (delete) to achieve this

document.getElementById('numbersonly').onkeydown = function(e) {
    var key = e.keyCode ? e.keyCode : e.which;
    if ( isNaN( String.fromCharCode(key) ) && key != 8 && key != 46 ) return false;
}

Maybe you should also allow 37 and 39 for navigation with the arrow keys inside the input

Here is a list of all keycodes available: http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes

edited Sep 26, 2015 at 11:13

answered Sep 12, 2015 at 19:40

Pinguin895

1,0112 gold badges12 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to make an input that only allows numbers, backspace, and delete keys

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related