While developing a shopping cart function for a client, I needed to restrict the user to entering numbers only in an Input field

I came across this handy post;


Basically, we need to add the following function to the JavaScript section;

function isNumericKey(evt)


    var charCode = (evt.which) ? evt.which : event.keyCode

    if (charCode > 31 && (charCode < 48 || charCode > 57)) 


        return false;




        return true;



We then add the the following to your input element;

onkeypress="return isNumericKey(event)"

Hey Presto! You have a numeric only Input Element!

By |2017-07-24T08:33:18+01:00January 21st, 2013|HTML, Javascript, Validation, Web|0 Comments

About the Author:

Leave A Comment