how to allow only alphabets and space in textbox ?

Question

how to allow only alphabets and space in textbox using AngularJS

Bikesh Srivastava · Answer

use this regex "[a-zA-Z ]*$"

Mayank · Answer

You have below things in your project: 1.var mainApp = angular.module("mainApp", ['ngRoute', 'ngResource']); mainApp.directive('allowPattern', [allowPatternDirective]); function allowPatternDirective() { return { restrict: "A", compile: function (tElement, tAttrs) { return function (scope, element, attrs) { // I handle key events element.bind("keypress", function (event) { var keyCode = event.which || event.keyCode; // I safely get the keyCode pressed from the event. var keyCodeChar = String.fromCharCode(keyCode); // I determine the char from the keyCode. // If the keyCode char does not match the allowed Regex Pattern, then don't allow the input into the field. if (!keyCodeChar.match(new RegExp(attrs.allowPattern, "i"))) { event.preventDefault(); return false; } }); }; } }; } 2. allow-pattern="^[a-zA-Z ]*$" /> If u think it resolve your issue please marked as answer.

Bhushan Bhasme · Answer

Hello santosh, You can either use directive or simply write one javascript function to check data in input field with regular expression. here is regular expression :"/^[a-zA-Z0-9.\-\s]+$/i," to check space and alphabets. Hope this will help you

Tejas Trivedi · Answer

Hello Santosh, You can write your custom Angular JS directives something like as below. ( function (){ app.directive( 'onlyLetters' ,onlyLettersInput); function onlyLetters(){ return { require: 'ngModel' , link: function (scope,element,attr,ngModelCtrl){ function fromUser(text){ var transformedInput=text.replace(/[^a-zA-Z]/g, '' ); //console.log(transformedInput); if (transformedInput!==text){ ngModelCtrl.$setViewValue(transformedInput); ngModelCtrl.$render(); } return transformedInput; } ngModelCtrl.$parsers.push(fromUser); } }; }; })(); You can use this in html as below. input only-letters type = "text" id = "right-label" > Hope, this will help you out. Feel free to write if more information is required. Please don't forget to mark as answer if this helps.

Midhun T P · Answer

Hi, Please try like below- input type="text" pattern="/^[a-zA-Z\s]*$/" ng-pattern-restrict/> Please have a look at below link too - https://justforchangesake.wordpress.com/2015/01/13/accept-only-alphabets-for-form-input-field/

Dhananjay Kumar · Answer

http://stackoverflow.com/questions/26257412/validation-on-text-on-alphabets-enter

how to allow only alphabets and space in textbox ?

Answers (6)