angular 4中的html输入模式验证验证字符串是否仅包含模式[重复]答案

【问题标题】：html input pattern validation in angular 4 validate if string contains only pattern [duplicate]angular 4中的html输入模式验证验证字符串是否仅包含模式[重复]
【发布时间】：2017-08-28 07:10:11
【问题描述】：

我必须使用 Angular 4 中的模式验证 html 中的输入我的模式是

pat = /^(\s*#?\d{1,2}:\d{1,2}\s*(am|pm|AM|PM)\s*,?)+/;

在html中

<input type="text" [pattern]="precisionTimePattern" #precisionSlotValue="ngModel" name="slot-value-precision" 
            id="slotValuePrecision" class="input-minimal" 
            [ngModel]="formObject.precisionType.slotValue" 
            [class.invalid]="(!precisionSlotValue.valid && precisionSlotValue.touched) || (!precisionSlotValue.valid && f.submitted)">

仅在“12:00 AM, 2:0 PM #3:00 PM”时匹配字符串
但它也验证用户是否输入“12:00 AM，2:0 PM #3:00 PM ajkcsbkajk”

【问题讨论】：

在模式末尾添加$。

标签： javascript regex html angular validation

【解决方案1】：

只需添加一个美元符号（字符串匹配结束）

pat = /^(\s*#?\d{1,2}:\d{1,2}\s*(am|pm|AM|PM)\s*,?)+$/;

【讨论】：