首页 > 解决方案 > 修改数字输入以仅接受数字

问题描述

我的 HTML 页面有一个数字类型的输入。这与这一示例非常接近 。不幸的是,这个输入接受像'---'、'+++'、'eee'和其他非数字输入的值。

我的任务是禁用控件输入“----”等非数字的能力。

当用户拥有表单时,也可能显示错误消息。有什么办法吗?

标签: javascript

解决方案


如果您将输入类型指定为数字,它将不接受非数字字符

KEYCODE 8 和 46 允许退格和删除。

尝试在下面的文本框中输入非数字字符

<input type="number" onkeydown="javascript: return event.keyCode === 8 || event.keyCode === 46 ? true : !isNaN(Number(event.key))" />


推荐阅读