如何向数字字段添加最小和最大长度验证？ [复制]

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/>