2017-08-28 34 views
1

我要验证使用模式中的HTML的输入在角度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”

+0

在模式末尾添加'$'。 –

回答

0

只需添加美元符号(字符串匹配结束)

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