限制html表单元素中的输入

Question

我有一个包含文本框的表单。我希望文本框只接受三个数字，即1,3或6.如何在客户端应用此类验证。

<input type="number" name="NumberOfDays" min="1" />

Answer 1

使用RegEx模式，您可以验证输入。输入不会接受1或3或6以外的任何内容。尝试添加一些值并提交。如果您使用的是type="number"，请移除pattern。

＆＃13;

＆＃13;

<form>
  <input pattern="[1|3|6]{1}" name="NumberOfDays" min="1" />
  <input type="submit" />
</form>

＆＃13;

＆＃13;

＆＃13;