JS 对输入框进行限制

本文为大家介绍下使用js对输入框进行限制:文本框只能输入数字代码、只能输入数字、只能输入字母和汉字、只能输入英文字母和数字等等,还有很多,感兴趣的可以学习下
 

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 tvalue="" ovalue="" onkeypress="if(!this.value.match(/^[+-]?d*?.?d*?$/))this.value=this.t_value;else this.tvalue=this.value;if(this.value.match(/^(?:[+-]?d+(?:.d+)?)?$/))this.ovalue=this.value" onkeyup="if(!this.value.match(/^[+-]?d*?.?d*?$/))this.value=this.t_value;else this.tvalue=this.value;if(this.value.match(/^(?:[+-]?d+(?:.d+)?)?$/))this.ovalue=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.ovalue=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.只能输入数字和英文<font color="Red">chun</font>

复制代码 代码如下:

<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')">
//只能输入汉字:
<input onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^u4E00-u9FA5]/g,''))">
//只能输入数字:
<input onkeyup="value=value.replace(/[^d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))">
//只能输入英文和数字:
<input onkeyup="value=value.replace(/[W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))">
//控制输入框只能输入文字或数字,也可以不允许输入特殊字符
//这里不允许输入如下字符: (像 !@#$%^&* 等)<br>
<textarea rows=2 cols=20 name=comments onKeypress="if ((event.keyCode > 32 && event.keyCode < 48) || (event.keyCode > 57 && event.keyCode < 65) || (event.keyCode > 90 && event.keyCode < 97)) event.returnValue = false;">
//只禁止空格输入
onkeyup="value=value.replace(/s/g,'')"
//只能输入中文和英文:
onkeyup="value=value.replace(/[^a-zA-Zu4E00-u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^a-zA-Zu4E00-u9FA5]/g,''))"

时间: 2024-08-17 18:19:00

JS 对输入框进行限制的相关文章

JS 对输入框进行限制(常用的都有)

本文为大家介绍下使用js对输入框进行限制:文本框只能输入数字代码.只能输入数字.只能输入字母和汉字.只能输入英文字母和数字等等,还有很多,感兴趣的可以学习下   1.文本框只能输入数字代码(小数点也不能输入) 复制代码 代码如下: <input onkeyup="this.value=this.value.replace(/D/g,'')" onafterpaste="this.value=this.value.replace(/D/g,'')"> 2.

js在输入框屏蔽按键,只能键入数字的示例代码

 本篇文章主要介绍了js在输入框屏蔽按键,只能键入数字的示例代码.需要的朋友可以过来参考下,希望对大家有所帮助 代码如下: <script language="javascript"> function GetInput(){//屏蔽非数字和非退格符     var k = event.keyCode;   //48-57是大键盘的数字键,96-105是小键盘的数字键,8是退格符←     if ((k <= 57 && k >= 48) ||

ie9 无响应-IE9 使用JS添加输入框,复制后停止响应

问题描述 IE9 使用JS添加输入框,复制后停止响应 使用IE9后,js添加一个输入框,然后输入内容,复制后如果直接打开其它东西就停止响应了,哪位大神帮忙解答下?别说插件问题哦,能卸载,禁用的都试过了

dwr js-dwr+js实现输入框自动补全功能

问题描述 dwr+js实现输入框自动补全功能 本人技术小白,最近要做毕业设计,哪位大牛能帮帮忙?功能:比如在输入框输入 地球,数据库里和地球有关的信息就是显示在下拉框,这个怎么做? 解决方案 参考:http://cuisuqiang.iteye.com/blog/1541423 解决方案二: 自动补全的图就和这个一样 解决方案三: Dwr实现自动补全功能js自动补全功能实现代码Eclipse 实现关键字自动补全功能 解决方案四: 听你的描述应该是想要联想查询 类似于百度一样 这个你可以通过js驱

JS实现输入框提示文字点击时消失效果_javascript技巧

本文实例讲述了JS实现输入框提示文字点击时消失效果.分享给大家供大家参考,具体如下: 在网页登陆框里的输入框里常常会看到提示你输入什么内容的字样颜色比较淡的,这个就是"文本框点击时文字消失,失去焦点时文字出现"这个效果:这个效果用个JS就可以完成,这个效果是做网站的人必备的JS代码:自己会写JS的写写也快,不会写的就需要代码收集以作备用,用到的时候就方便多了. 下面就是这个效果实现用到的JS代码: <script language="JavaScript" t

js判断输入框是否为空

 代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu

js操作输入框提示信息且响应鼠标事件

 注册网站的输入框就有默认提示值,当获取鼠标焦点的时候,默认值被删除,当用户没输入东西焦点离开的时候,又恢复默认提示值 我们经常遇到一些输入框,比如注册网站的输入框就有默认提示值,当获取鼠标焦点的时候,默认值被删除,当用户没输入东西焦点离开的时候,又恢复默认提示值.这方法用js代码实现如下:    html代码:  代码如下: <input type="text" id="email" name="email" class="tx

求大神帮忙解决,js 控制输入框格式是半角的英文字母(网上好多方法都是只能控制一种状态)

问题描述 js中怎么才能限制输入框的输入内容仅限于半角的英文字母啊数字中文特殊字符全部不能输入. 解决方案 解决方案二:inputonkeyup="value=value.replace(/[^a-zA-Z]/g,'')"onpaste="value=value.replace(/[^a-zA-Z]/g,'')"oncontextmenu="value=value.replace(/[^a-zA-Z]/g,'')">下面供LZ参考http:

js数字输入框(包括最大值最小值限制和四舍五入)_javascript技巧

由于原文已经介绍的很好了,现在只是一些翻译和小小的补充. 例子 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <