Validating form field in Angular with regEx

Question

I'm following the official angular documentation , but it's not working for me. What could be wrong ? I need to validate if the mobile phone are required and following the international standard like +4400000000 (plus signal and numbers, no space, only numbers after the plus).

My code is....

.controller('ModalInstanceChangeDetailsCtrl', function ($scope, $rootScope,  $uibModalInstance, items) {
    $scope.rxMobile = '^\+[1-9]{1}[0-9]{3,14}$';
}

<form name="form">
<div class="form-group">
        <label>Mobile number</label><label class="fieldError" ng-show="form.mobile.$error.required || !form.mobile.$valid">This field is required and must use International format, ex: +440000000000</label>
        <input ng-pattern="rxMobile" required ng-model="mobile" name="mobile" type="text" class="form-control">
 </div>
</form>

Any suggestion ?

m87 · Answer 1 · 2017-02-24T13:40:28.020

0

use this regex to validate international standard phone number :

$scope.rxMobile = '^\\+\\d{10}\\b';

edited Feb 24 '17 at 13:40

answered Feb 24 '17 at 13:37

m87

4,445
3
16
31

SyntaxError: Invalid regular expression: /^^+d{10}$/: Nothing to repeat at new RegExp () --- $scope.rxMobile= "^\+\d{10}\b"; – Marco Jr Feb 24 '17 at 13:39
@MarcoJr check edit – m87 Feb 24 '17 at 13:40

score 0 · Answer 2 · answered Feb 24 '17 at 13:43

0

Use the regex to validate the phone number

+[\d]{10}$

answered Feb 24 '17 at 13:43

Pankaj Kumar Singh

164
2
9

score 0 · Answer 3 · answered Feb 24 '17 at 13:44

0

Ok, I found what's wrong...

 $scope.rxMobile = /^\+[1-9]{1}[0-9]{3,14}$/;

It's works if I enclose it without quotation.

answered Feb 24 '17 at 13:44

Marco Jr

6,496
11
47
86

Validating form field in Angular with regEx

3 Answers3