输入类型=“文本”的模式，带有最小和最大数量以及条件

Question

如何为输入type="text" （不能为数字，验证不能为JS）编写模式，该模式只允许我输入数字：min：1和max：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我需要验证我的输入字段

Answer 1

尝试这个

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

Answer 2

您为什么不使用输入type="number ”来处理min和max

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

如果没有javascript ，您将如何validate value ？