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模版引擎-tmpl的bug修复与性能优化分析
Oct 23 Javascript
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
Mar 14 Javascript
js里怎么取select标签里的值并修改
Dec 10 Javascript
Jquery 动态生成表格示例代码
Dec 24 Javascript
javascript面向对象之this关键词用法分析
Jan 13 Javascript
jquery 插件实现多行文本框[textarea]自动高度
Mar 04 Javascript
Vuejs第六篇之Vuejs与form元素实例解析
Sep 05 Javascript
微信小程序 常用工具类详解及实例
Feb 15 Javascript
解决给dom元素绑定click等事件无效问题的方法
Feb 17 Javascript
jQuery实现页码跳转式动态数据分页
Dec 31 jQuery
element UI upload组件上传附件格式限制方法
Sep 04 Javascript
vue如何限制只能输入正负数及小数
Jul 04 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
全国FM电台频率大全 - 10 江苏省
2020/03/11 无线电
解析如何去掉CodeIgniter URL中的index.php
2013/06/25 PHP
zf框架的zend_cache缓存使用方法(zend框架)
2014/03/14 PHP
PHP文件操作方法汇总
2015/07/01 PHP
如何通过View::first使用Laravel Blade的动态模板详解
2017/09/21 PHP
PHP7 其他语言层面的修改
2021/03/09 PHP
[HTML/CSS/Javascript]WWTJS
2007/09/25 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
2013/10/18 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
2013/12/22 Javascript
jQuery中:input选择器用法实例
2015/01/03 Javascript
jQuery实现背景滑动菜单
2016/12/02 Javascript
Bootstrap页面标题Page Header的实现方法
2017/03/22 Javascript
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
2018/04/17 jQuery
vue左侧菜单,树形图递归实现代码
2018/08/24 Javascript
angularJs中跳转到指定的锚点实例($anchorScroll)
2018/08/31 Javascript
Vue.js中使用Vuex实现组件数据共享案例
2020/07/31 Javascript
[08:02]DOTA2牵红线 zhou神抱得美人归
2014/03/22 DOTA
50行Python代码实现人脸检测功能
2018/01/23 Python
Python 字符串操作(string替换、删除、截取、复制、连接、比较、查找、包含、大小写转换、分割等)
2018/03/19 Python
python字符串string的内置方法实例详解
2018/05/14 Python
在Python中使用gRPC的方法示例
2018/08/08 Python
Python连接Redis的基本配置方法
2018/09/13 Python
Python钉钉报警及Zabbix集成钉钉报警的示例代码
2020/08/17 Python
Python爬虫实战案例之爬取喜马拉雅音频数据详解
2020/12/07 Python
python 高阶函数简单介绍
2021/02/19 Python
学点简单的Django之第一个Django程序的实现
2021/02/24 Python
澳大利亚人信任的清洁平台,您的私人管家:Jarvis
2020/12/25 全球购物
公务员培训心得体会
2013/12/28 职场文书
任命书格式
2014/06/05 职场文书
爱牙日宣传活动总结
2015/02/05 职场文书
2015年大学辅导员工作总结
2015/05/12 职场文书
2015年高三教学工作总结
2015/07/21 职场文书
歌咏比赛口号大全
2015/12/25 职场文书
教师远程培训心得体会
2016/01/09 职场文书
致创业的您:这类人不适合餐饮创业
2019/08/19 职场文书
CSS极坐标的实例代码
2021/06/03 HTML / CSS