Angular 6 URL模式验证器

时间:2018-06-21 12:33:31

标签: javascript angular pattern-matching

在输入表格Angular 6中,我想检查应该包含Facebook网址的输入网址是否确实是有效的网址,该网址包含字符串“ facebook.com”或“ fb.me”作为子字符串,是否为不是这种情况,返回错误消息。

我坚持以下几点:

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

1 个答案:

答案 0 :(得分:1)

您可以尝试在*之类的^.*facebook.com.*$之前添加一个点,以匹配任意字符零次或多次。

现在,您将m重复零次或多次。

要检查字符串是否包含fb.me的facebook.com,您可以使用alternation

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