Question

所以我想创建一个表单字段，用户只能在1-10之间输入数字，如果用户输入的数字大于此值，我希望它在提交时显示错误。

我知道我需要使用标题标记来表示错误，并为它设置模式标签，但是我会使用哪些表达式作为模式标记？

Answer 1

使用此

<input type="number" min="1" max="10"> 使用html5 min和max属性，您可以限制某些输入字段的值，如日期和数字。

Answer 2

您可以通过添加必需属性以及最小值和最大值来使用html5验证：

＆＃13;

<form action="">
  <input type="number" max="10" min="1" required />
  <button>submit</button>
</form>

＆＃13;

The required attribute

Answer 3

此解决方案有一些JavaScript代码，也适用于没有符合HTML5标准的浏览器（旧版和新版）。

var widget = document.querySelector('input[name="onlyDigits"]');
widget.addEventListener('input', function() {
  this.value = this.value.replace(/\D/g, '');
});

<input type="text" name="onlyDigits" />

Answer 4

＆＃13;

<form action="">
  Num 1-10:<br>
  <input type="number" step="1" min="1" max="10" required />
  <input type="submit">
</form>

＆＃13;

如何创建只能输入1-10之间的数字的表单字段？

4 个答案: