Angular 6 url pattern validator

Question

In an input form Angular 6 I want to check if the input url supposed to contain the Facebook url really is a valid url which contains as substring either the string “facebook.com” or “fb.me” and if it is not the case return an error message.

Im stuck with the following:

<div nxRow>
  <div nxCol="12">
    <nx-formfield nxStyle='negative' nxLabel="FACEBOOK">
      <input nxInput type="url" ng-model="facebook" pattern="^.*facebook.com*$/" value="{{facebook}}">
      <span nxFormfieldHint>
                  Link zur Facebook
              </span>
    </nx-formfield>
  </div>
</div>

You're asking about Angular 6 but there's AngularJS (1.x) syntax in your code - which version are you using? — barbsan
– barbsan, Commented Jun 21, 2018 at 12:51
Angular 6, my problem is that pattern is not affecting anything — mattobob
– mattobob, Commented Jun 21, 2018 at 12:52

The fourth bird · Accepted Answer · 2018-06-21 14:44:12Z

1

You could try adding a dot before the * like ^.*facebook.com.*$ to match any character zero or more times.

Right now you are repeating the m zero or more times.

To check if the string contains either facebook.com of fb.me you might use an alternation:

^.*(?:facebook\.com|fb\.me).*$

answered Jun 21, 2018 at 14:44

The fourth bird

165k16 gold badges61 silver badges75 bronze badges

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

2 Comments

The fourth bird Over a year ago

No particular experience on that part but perhaps this page might be helpful.

mattobob Over a year ago

Hey man, is there a way to obtain the same result and avoid combination with withespaces?

Collectives™ on Stack Overflow

Angular 6 url pattern validator

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related