Don't allow typing alphabetic characters in a <input type=number />

Question

I need to have a textbox, where, whenever typed inside should ONLY allow numbers [0-9]. I've used type="number" which definitely holds the client side validation but also allows to type other alphabets. I can do it by tracking each keydown and matching with regex but I was wondering if there is any way I can restrict to type using only html tags and NOT defining any functions in JavaScript to compare in each keydown?

Code not sufficient to do so is:

    <input type="number" id="txt_number" maxlength="70" name="txt_name" placeholder="Number"> 

Any help is appreciated.

Answer 1

You can use jquery.numeric plugin.

See here similar question.

$(document).ready(function(){    $(".numeric").numeric(); }); 

Answer 2

Try this

define javascript function

function for allowed number with decimal as below

function isNumberKey(evt) {     var charCode = (evt.which) ? evt.which : event.keyCode;     if (charCode != 46 && charCode > 31     && (charCode < 48 || charCode > 57))         return false;      return true; } 

function for allowed only number not decimal is as below

function isNumberKey(evt) {     var charCode = (evt.which) ? evt.which : event.keyCode;     if ((charCode < 48 || charCode > 57))         return false;      return true; } 

Html

<input type="number" id="txt_number" maxlength="70" name="txt_name" placeholder="Number" onkeypress="return isNumberKey(event)">