HTML輸入圖案驗證如果串只包含圖案

Question

我要驗證使用模式中的HTML的輸入在角度4 我的圖案

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*,?)+$/;