如何在数字字段中添加最小和最大长度验证？

Question

我有一个数字字段的代码：

<label for="Phone">Phone Number</label><br/>
<input id="Phone" name="Phone"class="form-control" type="tel"      pattern="^\d{3}\d{3}\d{4}$" maxlength="10"  minlength="10"  required >

然而，这并不仅限于数字，只有一种格式可以用来做我喜欢的事情：

<input name="Phone" type="number"  class="form-control"     placeholder="Phone Number" maxlength="10"  minlength="10"     required="required"/>

并且该代码不限制最大和最小长度！ 我如何让长度合作？ 我知道这段代码有效：

 <input name="Example" type="text"  class="form-control"     placeholder="Example input" maxlength="10"  minlength="10"     required="required"/> 

但那个文字不是数字！

Answer 1

如何使用模式“\ d +”在输入上强制执行此操作？

<input type="text" pattern="\d+" maxlength="10" minlength="10" required/>