Textbox accept only numbers (digits) using jquery
Textbox accept only numbers (digits) using jquery
HTML
<span id="errmsg"></span>
<tr>
<td style="padding:0px;">Timer</td>
<td><input type="number" id="basictimer" maxlength = "2" min = "0" max = "99" value="0" name=" Name" data-required="1" class="form-control numbersonly" /></td>
<td><input type="number" id="intermdiatetimer" maxlength = "2" min = "0" max = "99" value="0" name=" Name" data-required="1" class="form-control numbersonly" /></td>
<td><input type="number" id="advancedtimer" value="0" name=" Name" data-required="1" class="form-control numbersonly" maxlength = "2" min = "0" max = "99" /></td>
</tr>
CSS
#errmsg
{
color: red;
}
JavaScript
$(document).ready(function () {
$(".numbersonly").keypress(function (e) {
if(this.value.length=='0')
{
$(this).val('0');
return false;
}
if(this.value.length==2) return false;
if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
//display error message
$("#errmsg").html("Digits Only").show().fadeOut("slow");
$(this).val('0')
return false;
}
});
});