jquery - 使用 html5 验证表单中输入的长度恰好为 10

Question

我有一个表单 (bootstrap V.3.0)，我想检查输入的长度是否正好为 10。我想使用 HTML5 解决方案，因此我使用了 pattern="。{10, 10}" 但它不起作用...这是 bootply

<form class="form-horizontal" role="form">
  <div class="form-group">
        <label for="id9" class="col-sm-2 control-label">Phone</label>
        <div class="col-sm-5">
        <input type="number" name="j_phone" id="id9" pattern=".{10,10}" class="form-control" placeholder="phone number" required>
        </div>
  </div>

  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-default">ok</button>
    </div>
  </div>

</form>

Answer 1

您不能同时使用 type="number" 和 pattern 属性。因此，请将类型更改为文本，并将模式修改为仅允许数字。

<input type="text" pattern="[0-9]{10}">