Trying to create a contact form and realized that in the name input box, any character (ie. ~ / % @ # and etc.) and numbers can be entered.
<form>
<label class="control-label" for="name">Full Name</label>
<input type="text" class="form-control" name="name" id="name" maxlength="30">
</form>
Is there a bootstrap class or jQuery function that I can add to restrict the name input box to only the 26 alphabet? (Or at least no numeric value allowed...) Any help would be appreciated :)
You can do it with some jquery. Something like this: http://jsfiddle.net/ddan/ka52kdLv/2
<input class="alphaonly">
$('.alphaonly').bind('keyup blur',function(){
var node = $(this);
node.val(node.val().replace(/[^a-z ]/g,'') ); }
);
Or for a beautiful solution you can take a look for some validation libs.
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments