如何获得确切长度的输入？

Question

如何准确设置文本字段的输入值？我想从用户那里得到正好10位数的文件编号。以下两个不能同时工作：

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

Answer 1

注意：min / max仅对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>

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

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