Angular 6 URL模式驗證器

Question

在輸入表格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>

Answer 1

您可以嘗試在*之前添加一個點，例如^.*facebook.com.*$以匹配任何字符零次或多次。

現在，您正在重復m次零次或多次。

要檢查字符串是否包含fb.me的facebook.com，您可以使用替代方法 ：

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