角度4中的html输入模式验证验证字符串是否仅包含模式

Question

我必须使用角度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”

Answer 1

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

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