JS限制输入框输入的实现代码


Posted in Javascript onJuly 02, 2018

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 || /\.\d\d$/.test(value))event.returnValue=false">

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

代码如下:

<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$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-Z\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\a-zA-Z\u4E00-\u9FA5]/g,''))"

总结

以上所述是小编给大家介绍的JS限制输入框输入的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
如何确保JavaScript的执行顺序 之jQuery.html并非万能钥匙
Mar 03 Javascript
JavaScript解析URL参数示例代码
Aug 12 Javascript
用html+css+js实现的一个简单的图片切换特效
May 28 Javascript
javascript解决IE6下hover问题的方法
Jul 28 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
Dec 03 Javascript
JS未跨域操作iframe里的DOM
Jun 01 Javascript
JS实现重新加载当前页面或者父页面的几种方法
Nov 30 Javascript
JS实现json对象数组按对象属性排序操作示例
May 18 Javascript
js如何获取图片url的Blob值并预览示例代码
Mar 07 Javascript
VUE的history模式下除了index外其他路由404报错解决办法
Aug 21 Javascript
利用vue3+ts实现管理后台(增删改查)
Oct 30 Javascript
原生微信小程序开发中 redux 的使用详解
Feb 18 Javascript
webpack手动配置React开发环境的步骤
Jul 02 #Javascript
Angularjs中的$apply及优化使用详解
Jul 02 #Javascript
angularjs 的数据绑定实现原理
Jul 02 #Javascript
vue 解决addRoutes动态添加路由后刷新失效问题
Jul 02 #Javascript
vue中的数据绑定原理的实现
Jul 02 #Javascript
Vue实现双向绑定的原理以及响应式数据的方法
Jul 02 #Javascript
jsonp跨域获取数据的基础教程
Jul 01 #Javascript
You might like
php截取字符串函数substr,iconv_substr,mb_substr示例以及优劣分析
2014/06/10 PHP
php常用hash加密函数
2014/11/22 PHP
php关联数组快速排序的方法
2015/04/17 PHP
Google Map Api和GOOGLE Search Api整合实现代码
2009/07/18 Javascript
JS 表单验证大全
2011/11/23 Javascript
利用webqq协议使用python登录qq发消息源码参考
2013/04/08 Javascript
node.js中的console.assert方法使用说明
2014/12/10 Javascript
JQuery实现展开关闭层的方法
2015/02/17 Javascript
jQuery+HTML5实现图片上传前预览效果
2015/08/20 Javascript
js实现三张图(文)片一起切换的banner焦点图
2015/08/25 Javascript
JavaScript通过代码调用Flash显示的方法
2016/02/02 Javascript
JavaScript数据存储 Cookie篇
2016/07/02 Javascript
jQuery自定义插件详解及实例代码
2016/12/29 Javascript
.net MVC+Bootstrap下使用localResizeIMG上传图片
2017/04/21 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
2017/04/27 jQuery
vue+swiper实现组件化开发的实例代码
2017/10/26 Javascript
bootstrap select下拉搜索插件使用方法详解
2017/11/23 Javascript
使用D3.js构建实时图形的示例代码
2018/08/28 Javascript
在vue中使用axios实现post方式获取二进制流下载文件(实例代码)
2019/12/16 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
2020/10/15 Javascript
Python时间戳与时间字符串互相转换实例代码
2013/11/28 Python
python根据出生日期返回年龄的方法
2015/03/26 Python
Python3实现从指定路径查找文件的方法
2015/05/22 Python
Python提取Linux内核源代码的目录结构实现方法
2016/06/24 Python
Python Numpy:找到list中的np.nan值方法
2018/10/30 Python
Python OpenCV读取显示视频的方法示例
2020/02/20 Python
解决python3输入的坑——input()
2020/12/05 Python
Guess美国官网:美国知名服装品牌
2019/04/08 全球购物
会计专业毕业生求职信分享
2014/01/03 职场文书
党员干部廉洁承诺书
2014/05/28 职场文书
幼儿园健康教育方案
2014/06/14 职场文书
工伤死亡理赔协议书
2014/10/20 职场文书
2015年材料员工作总结
2015/04/30 职场文书
2016感恩父亲节主题广播稿
2015/12/18 职场文书
react antd实现动态增减表单
2021/06/03 Javascript
浅谈JS的原型和原型链
2021/06/04 Javascript