2016-12-14 30 views
0

如何寫輸入type="text"模式(它不能是數字和驗證不能與JS),只允許輸入數字,最小:1和最大:30?一些有條件的:輸入類型=「文本」的模式與最小和最大數量,並與條件

<input type="checkbox" id="Checkbox" name="Checkbox" [attr.pattern]="selectedField === 'calendar' ?([1-9]|[12]\d|3[01]): false" [(ngModel)]="periodicObj[0].ischecked" (change)="OnChange($event,0)"> 

所以基本上基於selectedField我需要驗證我的輸入字段

+1

'驗證不能用JS'只有標籤是javascript ... – iHasCodeForU

回答

0

你爲什麼不使用輸入type="number「,所以它會處理minmax

<input type="number" min="1" max="30" /> 

並且沒有javascript如何將validatevalue

+0

因爲他說不能是數字嗎? – Craicerjack

+0

我們不能改變它。有沒有其他的辦法來實現它。 – user2144684

+0

如何在js中處理它? – user2144684

1

試試這個

<input type="text" name="someName" id="someId" required="required" pattern="(30|([1-2][0-9])|[1-9])"/> 
+0

我使用的是Angular 2,所以我們可以用指令做但不知道如何溝通父窗體,因爲我在兒童形式。或者任何其他選項。 – user2144684

+0

模式是一個標準的HTML5屬性,所以它應該獨立於您正在使用的框架工作。 – Vermicello

+0

,但據我所知基本上是基於selectedField,然後我需要驗證我的輸入字段 – user2144684

相關問題