如何在 HTML 中仅接受正四位数字

Question

我正在使用Angular 8从表单中获取一些数据。我需要年，即正数和四位数。代码如下

<div class="form-group row">
<label class="col-sm-3 col-form-label">Year of Passing</label>
<div class="col-sm-9">
<input id="yearOfPassing" class="form-control" [formControl]="row.get('YearOfPassing')" type="text" />
</div>
</div>

你们能帮我想办法吗？ 谢谢

Answer 1

简单的一个是使用

<input type="number" maxlength="4">

从表单发送数据后，您仍应使用 JavaScript 验证以及服务器端验证。

此外，由于它是年(如果你想要年龄(，你也可以使用 min="1950" 和 max="2020" 只是提到它，这样你就可以得到一个适当的数字范围。

Answer 2

<input type='number' min=1000 max=9999>

如果不包括未来年份，您还可以使用 2020 年而不是 9999。