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 相关文章推荐
jQuery EasyUI API 中文文档 - Dialog对话框
Nov 15 Javascript
jquery实现网站超链接和图片提示效果
Mar 21 Javascript
document.getElementBy(&quot;id&quot;)与$(&quot;#id&quot;)有什么区别
Sep 22 Javascript
javascript上传图片前预览图片兼容大多数浏览器
Oct 25 Javascript
jquery自定义滚动条插件示例分享
Feb 21 Javascript
如何书写高质量jQuery代码(使用jquery性能问题)
Jun 30 Javascript
jQuery中element选择器用法实例
Dec 29 Javascript
详解AngularJS如何实现跨域请求
Aug 22 Javascript
JavaScript正则表达式替换字符串中图片地址(img src)的方法
Jan 13 Javascript
如何用js判断dom是否有存在某class的值
Feb 13 Javascript
Vue2.0 实现移动端图片上传功能
May 30 Javascript
详解如何搭建mpvue框架搭配vant组件库的小程序项目
May 16 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中模拟POST传递数据的两种方法分享
2011/09/16 PHP
浅谈PHP检查数组中是否存在某个值 in_array 函数
2016/06/13 PHP
HTA版JSMin(省略修饰语若干)基于javascript语言编写
2009/12/24 Javascript
JavaScript 题型问答有答案参考
2010/02/17 Javascript
js Date自定义函数 延迟脚本执行
2010/03/10 Javascript
js弹窗返回值详解(window.open方式)
2014/01/11 Javascript
jQuery选择器querySelector的使用指南
2015/01/23 Javascript
jquery读取xml文件实现省市县三级联动的方法
2015/05/29 Javascript
js中的DOM模拟购物车功能
2017/03/22 Javascript
JS实现监控微信小程序的原理
2018/06/15 Javascript
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
2018/08/25 Javascript
M2实现Nodejs项目自动部署的方法步骤
2019/05/05 NodeJs
vue项目中定义全局变量、函数的几种方法
2019/11/08 Javascript
原理深度解析Vue的响应式更新比React快
2020/04/04 Javascript
浅谈Vue3 Composition API如何替换Vue Mixins
2020/04/29 Javascript
nuxt.js写项目时增加错误提示页面操作
2020/11/05 Javascript
[56:45]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第一局
2016/02/28 DOTA
phpsir 开发 一个检测百度关键字网站排名的python 程序
2009/09/17 Python
Python实现对excel文件列表值进行统计的方法
2015/07/25 Python
python中的break、continue、exit()、pass全面解析
2017/08/05 Python
解决Python中list里的中文输出到html模板里的问题
2018/12/17 Python
python 调用Google翻译接口的方法
2020/12/09 Python
日本一家专门经营各种箱包的大型网站:Traveler Store
2016/08/03 全球购物
美国在线自行车商店:Jenson USA
2018/05/22 全球购物
快时尚眼镜品牌,全国连锁眼镜店:LOHO眼镜生活
2018/10/08 全球购物
Tahari ASL官方网站:高级设计师女装
2021/03/15 全球购物
Penhaligon’s英国官网:成立于1870年的英国香水制造商
2021/02/18 全球购物
大学生个人求职口试自我评价
2014/02/16 职场文书
供货协议书
2014/04/22 职场文书
银行求职信
2014/05/31 职场文书
关爱留守儿童捐款倡议书
2015/04/27 职场文书
基于Go Int转string几种方式性能测试
2021/04/28 Golang
Java Optional<Foo>转换成List<Bar>的实例方法
2021/06/20 Java/Android
NodeJs使用webpack打包项目的方法详解
2022/02/28 NodeJs
Java 死锁解决方案
2022/05/11 Java/Android
Hive HQL支持2种查询语句风格
2022/06/25 数据库