forum

Home / DeveloperSection / Forums / How to Validate a Phone Number in AngularJS

Ask Question

How to Validate a Phone Number in AngularJS

Anonymous User 1776 28-Feb-2016
we want to Validate a Phone Number in AngularJS. please help me.
angular js angular js 
Updated on 28-Feb-2016
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

Anonymous User

Anonymous User

28-Feb-2016 
@{
    Layout = null;


}


<!DOCTYPE html>


<html>


<head>


    <title>Forum</title>


    <meta name="viewport" content="width=device-width" />


    <script src="~/Scripts/jquery-1.9.1.js"></script>


    <script src="~/Scripts/angular.js"></script>


    <style>


        .error {


            color: red;


        }


    </style>


    <script>


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



        app.controller('mainCtrl', function ($scope) {


            $scope.phoneNumbr = /^\+?\d{2}[- ]?\d{3}[- ]?\d{5}$/;


        });


    </script>


</head>


<body ng-app="myApp">  


    <ng-form name="myForm" ng-controller="mainCtrl">  


        <div><b>Enter your Phone No:</b></div> 


        <div>  


            <input type="text" placeholder="+91-xxx-xxxxx" name="phone" ng-pattern="phoneNumbr" ng-model="phone" />  


            <br><span class="error" ng-show="myForm.phone.$error.pattern">Please Enter vailid </span>  


        </div>  


    </ng-form>  


</body>  


</html>
answer 415872802103228

Liked By