How to Validate a Phone Number in AngularJS

Anonymous User 2169 28 Feb 2016

we want to Validate a Phone Number in AngularJS. please help me.

Ask by Anonymous User

Updated 28 Feb 2016

1 Answers

Anonymous User 28 Feb 2016 Accepted Answer

@{
    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>

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

How to Validate a Phone Number in AngularJS

Can you answer this question?

1 Answers