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

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>

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

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