ui-mask for angularjs

by Alaksandar Jesus Gene

HTML

<script src="https://raw.githubusercontent.com/angular-ui/ui-mask/master/dist/mask.min.js"></script>
<div ng-app="myApp" ng-controller="myController">
    {{test}}
    <form name="stepForm" novalidate>
        <p><input type="text" name="FirstName" ng-model="user.firstname" ng-class="stepForm.FirstName.$error.required && showError?'error':''" required></p>
            <p>
                <input type="text" name="mobile" ng-model="user.mobile" ui-mask="(999) 999-9999" ng-class="stepForm.mobile.$error.required || stepForm.mobile.$error.mask?'error':''" required> </p>
                
                    
                     <p>
                <input type="text" name="mobilea" ng-model="user.mobilea" ui-mask="(999) 999-9999" ng-class="(stepForm.mobilea.$error.required || stepForm.mobilea.$error.mask)&& showError?'error':''" required> </p>
           
               
            <button type="submit" ng-click="showError=true"> Submit</button>
            
        
    </form>
    
</div>

CSS

.error{border:1px solid red}

JavaScript

var app = angular.module('myApp',['ui.mask']);

app.controller("myController",function($scope){

$scope.test = "I am from controller";
    
});