Is there any simple way I can use to prevent user from accepting numeric values in html textbox? I've encountered some features of HTML5 like type="email" etc...
Now is there any feature for accepting only character values?
Is there any simple way I can use to prevent user from accepting numeric values in html textbox? I've encountered some features of HTML5 like type="email" etc...
Now is there any feature for accepting only character values?
I would do like that with jQuery :
JQuery
$("#only-text").on('keyup', function(e) {
var val = $(this).val();
if (val.match(/[^a-zA-Z]/g)) {
$(this).val(val.replace(/[^a-zA-Z]/g, ''));
}
});
See the working fiddle.
.only-text and add the class to all your textboxes !
If you want to restrict characters that can be typed into your inputs, you will have to use some Javascript to do so, example with jQuery can be found here
With plain JS you could do something like
document.getElementById("alphaonly").onkeypress=function(e){
var e=window.event || e
var keyunicode=e.charCode || e.keyCode
return (keyunicode>=65 && keyunicode<=122 || keyunicode==8 || keyunicode==32)? true : false
}
where "alphaonly" is id of your input
I would do like that with Vanilla JavaScript using oninput attribute:
<input name="test" type="text" oninput="this.value=(this.value.match('[a-zA-Z]+'))">