【JavaScript】——限制文本框输入内容

女爷i 2022-07-19 11:53 285阅读 0赞

这几天，项目开始走测试流程了，组长让我们都把做过的功能的细节方面，完善一下。限制文本框输入长度啊，弹出框样式啊。然后，就开始了漫长补洞的时间。

项目里边，数据查询比较频繁，各种各样的条件，各种各样的组合，进行查询。

![Center][]

这里的温度区间文本框，输入需要进行限制，只能输入“-、.、数字”。

后来，总结了一下，限制的种类，如下：

1，文本框只能输入数字代码(小数点也不能输入)

<input onkeyup="this.value=this.value.replace(/D/g,'')" onafterpaste="this.value=this.value.replace(/D/g,'')">

2，只能输入数字,能输小数点.

<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
    <input name=txt1 onchange="if(/D/.test(this.value)){alert('只能输入数字');this.value='';}">

3，数字和小数点方法二

<input type=text t_value="" o_value="" onkeypress="if(!this.value.match(/^[+-]?d*?.?d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[+-]?d+(?:.d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[+-]?d*?.?d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[+-]?d+(?:.d+)?)?$/))this.o_value=this.value" onblur="if(!this.value.match(/^(?:[+-]?d+(?:.d+)?|.d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^.d+$/))this.value=0+this.value;if(this.value.match(/^.$/))this.value=0;this.o_value=this.value}">

4，只能输入字母和汉字

<input onkeyup="value=value.replace(/[d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[d]/g,''))" maxlength=10 name="Numbers">

5，只能输入英文字母和数字,不能输入中文

<input onkeyup="value=value.replace(/[^w./]/ig,'')">

6，只能输入数字和英文

<input onKeyUp="value=value.replace(/[^d|chun]/g,'')">

7，小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:

<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /.dd$/.test(value))event.returnValue=false">

8，小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:

<input onkeyup="this.value=this.value.replace(/^(-)*(d+).(dd).*$/,'$1$2.$3')">

只能是数字和小数点和加减乘除

onkeypress="return event.keyCode>=4&&event.keyCode<=57"

[Center]: /images/20220718/bbf42b77889348308bdb7e8d595e34c1.png

发表评论取消回复

表情：

评论列表（有 0 条评论，285人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 限制文本框不可输入英文单双引号

input id="workname" style="width: 200px" name="workname" value="" type="text" οnkeyup...

小鱼儿/ 2024年04月17日 18:46/ 0 赞/ 42 阅读

相关 android editText输入文本框限制输入字数和字数提示

EditText content;//定义一个文本输入框 TextView hasnum;// 用来显示剩余字数 int num =140;//限制的最大字数　　

蔚落/ 2023年10月10日 12:57/ 0 赞/ 44 阅读

相关限制文本框输入的长度

txtText .Attributes .Add ("onkeyup" , "return isMaxLen(this)" ); txtText .Attributes .A

ゝ一纸荒年。/ 2022年09月30日 09:55/ 0 赞/ 290 阅读

相关使用正则表达式限制文本框输入格式

1.限制文本框只能输入数字 <input οnkeyup="this.value=this.value.replace(/\\D/g,'')" onafterpaste="t

r囧r小猫/ 2022年08月03日 00:50/ 0 赞/ 177 阅读

相关【JavaScript】——限制文本框输入内容

这几天，项目开始走测试流程了，组长让我们都把做过的功能的细节方面，完善一下。限制文本框输入长度啊，弹出框样式啊。然后，就开始了漫长补洞的时间。项

女爷i/ 2022年07月19日 11:53/ 0 赞/ 286 阅读

相关 jquery 限制文本框只能输入数字

http://blog.csdn.net/suntanyong88/article/details/38682703 \[html\] [view plain][

亦凉/ 2022年06月13日 09:25/ 0 赞/ 377 阅读

相关 jquery限制文本框输入字符长度

[http://blog.csdn.net/phpfenghuo/article/details/42149741][http_blog.csdn.net_phpfenghuo

古城微笑少年丶/ 2022年06月13日 03:07/ 0 赞/ 285 阅读

相关 QT限制文本框输入的方法

QT限制文本框输入的方法界面编程的时候，对文本框的处理往往是个很头疼的事情：一是焦点进入文本框时，从人性化考虑，应选择文本框中文本，方便输入；二是，限制文本框的

以你之姓@/ 2022年04月24日 09:02/ 0 赞/ 744 阅读

相关限制文本框只能输入数字

> input标签 > > onkeyup 事件会在键盘按键被松开时发生。 > οnkeyup="this.value=this.value.replace(/\

淡淡的烟草味﹌/ 2022年03月19日 03:22/ 0 赞/ 336 阅读

相关正则表达式限制文本框输入格式

许多时候我们在制作表单时需要限制文本框输入内容的类型，下面我们用正则表达式限制文本框只能输入数字、小数点、英文字母、汉字等各类代码。 1.文本框

╰+哭是因爲堅強的太久メ/ 2021年12月21日 16:07/ 0 赞/ 246 阅读