How to give regex pattern in scope of angular js

Question

I have an input field which looks like

 <input class="inputMargin urlInputWidth" type="text" size="40" name="url" ng-model="user.customerId" maxlength="250" ng-pattern="/sftp://.+/" />

It works fine and shows validation as expected. I just wanted to move this pattern to scope of angularjs to get a much neater form. I have tried with this syntax: $scope.sftpValidate="/sftp://.+/"; and ng-pattern="sftpValidate". But this is not validating the pattern at all. i have tried to give as $scope.sftpValidate=/sftp://.+/; and $scope.sftpValidate=sftp://.+;. But these are showing syntax errors. Where am i missing?

Bill the Lizard · Accepted Answer · 2014-06-25 13:29:26Z

4

Please see JSBin

View:

<input class="inputMargin urlInputWidth" type="text" size="40" name="url" ng-model="user.customerId" maxlength="250" ng-pattern="regex " />

JS

$scope.regex = /sftp://.+/;

JS UPDATED BY sms:

$scope.regex = /sftp:\/\/.+/;

edited Jun 25, 2014 at 13:29

Bill the Lizard

407k213 gold badges579 silver badges892 bronze badges

answered Jun 19, 2014 at 9:18

sylwester

16.5k1 gold badge27 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

sms Over a year ago

For the pattern given in your example its working fine. But for my pattern it is showing syntax expression. Am i missing any escape sequences?

sms Over a year ago

I have updated JS in your answer and marked as answer. I have just missed escape char for forward slash. "$scope.regex = /sftp:\/\/.+/;"

Collectives™ on Stack Overflow

How to give regex pattern in scope of angular js

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related