2017-09-23 92 views
1

我有一个包含文本框的表单。我希望文本框只接受三个数字,即1,3或6.我如何在客户端应用这种验证。在html表单元素中限制输入

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

您可以尝试使用正则表达式。 –

+0

@PraveenKumar你能帮忙表达一下吗? –

+0

请参阅答案。尝试提交除1或3或6以外的其他任何形式。 –

回答

1

使用RegEx模式,您可以验证输入。输入将不会接受除136之外的任何内容。尝试添加一些值并提交。如果您使用的是pattern,请删除type="number"

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

+0

当我输入“5”时,不会在Chrome 60上抛出错误! – Nisarg

+0

@NisargShah现在试试吗?这是因为有'type =“number”'。 –

+0

工作正常!实际上它很整洁。我正在考虑'keydown'和'preventDefault'的结合。 – Nisarg