制作只允许输入数字的文本框

 时间:2024-10-22 11:10:33

在编程的时候我们对用户录入的信息需要进行一个筛查,防止脏数据的产生,怎么从源头上控遄咿湫幼制呢,只允许输入数字的地方不允许他输入其他字符。

工具/原料

记事本

方法/步骤

1、在桌面上单击右键,新建【文本文档】

制作只允许输入数字的文本框

2、写入如图所示代码

制作只允许输入数字的文本框

3、单击右键重命名,将名字改为【不落泪的天使1制作.html】,注意后缀

制作只允许输入数字的文本框

4、在桌面空白处点一下,弹出对话框,点击【是】

制作只允许输入数字的文本框

5、双击打开网页如图所示

制作只允许输入数字的文本框

6、你可以试一下,除了输入数字,输入其他任何字符都会被删除

制作只允许输入数字的文本框

7、不难看出他们的对应关系,汉字我就不解释了,可以自由修改

制作只允许输入数字的文本框

8、代码讲解【<input>】标记就是单行文本框,里面可以设置相关的属性

制作只允许输入数字的文本框

9、【replace(/[^\d]/g巳呀屋饔,'')】——replace替换所有的非数字字符为空,用了正则表达式

制作只允许输入数字的文本框

10、全部代码如下,你可艮劁飨戽以自行修改验证哦【请输入数字,只能输入数字哦:<inputonkeyup="value=value.replace(/[^\d]/g,&垆杪屑丝#39;')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">】

制作只允许输入数字的文本框

Intellij IDEA终极版如何更改文本光标移动选项 Excel 2007选择单元格区域的几种方法 原神海岛石墙怎么打破 Excel2010怎么便捷的打印工作表选项 如何使用python语言中的array进行访问数组
热门搜索
手工贺卡图片 奥迪q6报价及图片 雪花电影 动漫图片大全男生冷酷 妈妈电影