input type number

by John Wick

HTML

Textbox 1: <br>
<input type="number" class="decimal" value="" min="0" step="0.1" pattern="\d*[.])?\d+" />
<br><br>
Textbox 2: <br>
<input type="number" class="decimal" value="" min="0" step="0.1" pattern="[0-9]+([\.][0-9]{1,2})?" />

JavaScript

$('.decimal').keyup(function(){
    var val = $(this).val();
    if(isNaN(val)){
         val = val.replace(/[^0-9\.]/g,'');
         if(val.split('.').length>2) 
             val =val.replace(/\.+$/,"");
    }
    $(this).val(val); 
});