首页 >web前端 >js教程 >如何限制 HTML 文本输入仅接受数字值(和小数点)?

如何限制 HTML 文本输入仅接受数字值(和小数点)?

Linda Hamilton
Linda Hamilton原创
2024-12-28 18:38:14959浏览

How Can I Restrict an HTML Text Input to Only Accept Numeric Values (and a Decimal Point)?

如何设置 HTML 文本输入仅允许数字输入(加“.”)?

JavaScript

您可以使用 setInputFilter安装输入过滤器的函数:

setInputFilter(document.getElementById("myTextBox"), function(value) {
  return /^\d*\.?\d*$/.test(value); // Allow digits and '.' only, using a RegExp.
}, "Only digits and '.' are allowed");

此函数将限制文本的输入值到给定的 inputFilter 函数。它支持复制粘贴、拖放、键盘快捷键、上下文菜单操作、不可键入的键、插入符号位置、不同的键盘布局、有效性错误消息以及自 IE 9 以来的所有浏览器。

注意: 为了安全起见,您仍然必须进行服务器端验证!

以上是如何限制 HTML 文本输入仅接受数字值(和小数点)?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn