如何利用正则表达式控制输入框只能输入数字
1、第一步,打开HBuilder编辑工具,新建静态页面reg.html,如下图所示:

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

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

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

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

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

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