Post
Ask Question

AngularJS Confirm Password Validation

 HTML code-sample
  1. <div ng-controller="confirmCtrl">  
  2.    <form name="f1">  
  3.   
  4.       <div>  
  5.          <label>Password</label>  
  6.          <input type="password" name="EPassword" ng-model="EPassword" required class="form-control" />  
  7.       </div>  
  8.    
  9.       <div>  
  10.          <label>Confirm Password</label>  
  11.          <input type="password" name="ECPassword" ng-model="ECPassword" required compare-to="EPassword" class="form-control" />   
  12.          <span class="error" ng-show="f1.ECPassword.$error.compareTo">  
  13.             Passwords don't match.  
  14.          </span>   
  15.       </div>  
  16.    
  17.    </form>   
  18. </div>  
AngularJs code-sample
  1. var app = angular.module("app", []);  
  2. app.controller("confirmCtrl", function ($scope)  
  3. {  
  4.     $scope.user = {  
  5.         password: "",  
  6.         confirmPassword: ""  
  7.     };  
  8. });  
  9. app.directive("compareTo", function ()  
  10. {  
  11.     return {  
  12.         require: "ngModel",  
  13.         scope:  
  14.         {  
  15.             confirmPassword: "=compareTo"  
  16.         },  
  17.         link: function (scope, element, attributes, modelVal)  
  18.         {  
  19.             modelVal.$validators.compareTo = function (val)  
  20.             {  
  21.                 return val == scope.confirmPassword;  
  22.             };  
  23.             scope.$watch("confirmPassword", function ()  
  24.             {  
  25.                 modelVal.$validate();  
  26.             });  
  27.         }  
  28.     };  
  29. });