时间戳

首页 > 解决方案 > 如何获得精确长度的输入？

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

问题描述

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

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

标签： javascripthtml

解决方案

注意： 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 inputwith上使用 a required：

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

推荐阅读