如何利用正则表达式控制输入框只能输入数字

2025-04-07 23:51:25

1、第一步，打开HBuilder编辑工具，新建静态页面reg.html，如下图所示：

2、第二步，在<body></body>标签元素内插入input输入框，设置宽度为300px，如下图所示：

3、第三步，在input输入框内添加onkeyup事件，事件里有正则表达式，只要不满足这个正则釉涑杵抑表达式，就会清除输入的内容，如下图所示：

4、第四步，保存编辑的代码，预览该静态页面，查看页面效果并输入值，发现可以输入数字和小数点，其他的都被清除掉，如下图所示：

5、第五步，为了可以输入负数，需要将“-”添加到正则表达式中，如下图所示：

6、第六步，再次预览该静态页面，发现可以输入负数；这个正则表达式有个缺陷，不能控制仅仅输入一个小数点或“-”，如下图所示：

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。