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

Question

如何为输入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我需要验证我的输入字段

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 {}