输入字段 - 限制为一位数字 [关闭]

Question

我想使用输入字段重新创建上面显示的设计。但是，用户应该只能在每个框中输入一位数字。如何限制用户每个输入框只能输入 1 位数字。请推荐。

编辑：这个解决方案解决了大部分问题，但不限制输入数字。

Answer 1

使用最大长度和模式只允许一个数字

<input type="text" maxlength="1" oninput="this.value=this.value.replace(/[^0-9]/g,'');" />

Answer 2

您可以使用

focusout

jquery 脚本来检查该值是否不大于 9。

$(document).ready(function() {
  $('input').focusout(function() {
    var max = $(this).val();
    if (max > 9) {
      $(this).val("9");
      alert("Maximum is 9");
    }
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" max="9" Min="0" />
<input type="number" max="9" Min="0" />
<input type="number" max="9" Min="0" />

Answer 3

我会使用数字输入类型，并使用最大值和最小值。所以这应该有效：

<input type="number" min="0" max="9" step="1" maxlength="1">

Answer 4

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
		<form>
			<input type="number" name="abc" min="0" max="9">
		</form>
</body>
</html>

输入字段 - 限制为一位数字 [关闭]

问题描述投票：0回答：4

4个回答

最新问题

输入字段 - 限制为一位数字 [关闭]

问题描述 投票：0回答：4

4个回答

最新问题

问题描述投票：0回答：4