javascript - angularJS:用于模式的多个匹配的ng-pattern

Question

验证逗号分隔值的常见方法似乎是将它们拆分为一个数组，然后对每个成员执行正则表达式匹配。但是，我想利用 Angular 的即时验证并在 View 中执行此匹配。

我的正则表达式:

^\d{5}?,*$

在第一场比赛中完美运行，但我不知道如何要求它检查此模式 n 次。

表单代码:

        <form id="zipCodeForm" name="zipCodeForm"  ng-submit="submit()" >
            <input id="zipCodeInput" ng-model="text" name="text" type="text"
            required ng-pattern="/^\d{5}?,*$/" > </input>

            <input id="zipSubmit" type="submit" value="Submit" class="btn btn-large btn-primary"></input>
            <div class="alert alert-info formatguide" ng-show="zipCodeForm.text.$dirty && zipCodeForm.text.$invalid">
               Enter Comma Separated 5-Digit Zip Codes ex.(11111,22222,33333)
            </div>
        </form>

Answer 1

如果您不知道有多少个邮政编码，但至少想要一个，那么这个
^\d{5}(?:,\d{5})*$

如果你知道有多少，请使用这个
^\d{5}(?:,\d{5}){多少 - 1}$

编辑 - 解释了两个正则表达式。

 ^                    # Begining of string
 \d{5}                # followed by 5 digits
 (?:                  # Cluster group
      ,                    # a literal comma
      \d{5}                # followed by 5 digits
 )*                   # End Cluster group, optionally do many times
 $                    # End of string

 # ---------------------------------------------------------

 ^                    # Begining of string
 \d{5}                # followed by 5 digits
 (?:                  # Cluster group
      ,                    # a literal comma
      \d{5}                # followed by 5 digits
 ){3}                 # End Cluster group, do exactly 3 times
 $                    # End of string