Validate phone number using angular js

Question

Want to set phone-number to 10 digits, How can I do this using Angular js.

This is what I have tried:

Answer 1

You can also use ng-pattern and I feel that will be a best practice. Similarly try to use ng-message. Please look the ng-pattern attribute on the following html. The code snippet is partial but hope you understand it.

angular.module('myApp', ['ngMessages']);
angular.module("myApp.controllers",[]).controller("registerCtrl", function($scope, Client) {
  $scope.ph_numbr = /^(\+?(\d{1}|\d{2}|\d{3})[- ]?)?\d{3}[- ]?\d{3}[- ]?\d{4}$/;
});

  

    Phone :
    

      
      

        
Phone number is required.
        
Phone number is invalid.