javascript - 如何获得准确长度的输入？

Question

如何准确设置文本域的输入值？我想从用户那里得到一个恰好 10 位数字的文档编号。以下两个不能同时起作用:

var input = document.createElement("input"); 
input.setAttribute("min","10") 
input.setAttribute("max","10")

Answer 1

注意:最小值/最大值仅对 type="number" 或 type="date" 输入有效。

这可以用纯html来完成。您可以将字段设置为 type="number" 并要求最小值为 1000000000(10 位)，最大值为 9999999999 (也是 10 位数字)。然后只需在字段上添加 required 参数。表单不会提交，除非它因 required 参数而验证。

<form action="">
  <input type="number" min="1000000000" max="9999999999" required>
  <input type="submit" value="send">
</form>

我们可以做的另一件事是在 text input 上使用 pattern 和 required:

<form action="">
  <input type="text" pattern="[0-9]{10}" required>
  <input type="submit" value="send">
</form>