Home
Run >
<!DOCTYPE html> <html> <head> <!-- www.techstrikers.com --> <title>AngularJS Input Type Text</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js"></script> <script src="https://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.6.0.js"></script> <script> var app = angular.module('textInputExample', []) app.run(function($rootScope){ $rootScope.angular = angular; }) app.controller('TextController', ['$scope', function($scope) { $scope.example = { text:'W %ithout special character', pattern: /^[a-zA-Z0-9,.# ]*$/ }; }]); </script> </head> <body style="background-color:#DDE4E9;"> <fieldset style="background-color:#DDE4E9;"> <legend>AngulerJS Input Type Text Example</legend> <div ng-app="textInputExample"> <form name="myForm" ng-controller="TextController"> <label for="exampleInput">Enter Sentance</label> <input type="text" name="input" ng-model="example.text" ng-pattern="example.pattern" required> <p style="font-family:Arial;color:red;background:steelblue;padding:3px;width:350px;" ng-if="myForm.input.$error.pattern">Enter only a-z A-Z 0-9 , . #.</p> </form> </div> </fieldset> </body> </html>