如何获取精确长度的输入？

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>

我们可以做的另一件事是使用 a patternon a text inputwith required：

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