javascript - Angular 6 url 模式验证器

Question

在 Angular 6 输入表单中，我想检查应该包含 Facebook url 的输入 url 是否确实是一个有效的 url，其中包含字符串“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 零次或多次。

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

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