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实现侧边栏跟随滚动条固定(兼容IE6)
Apr 02 Javascript
.NET微信公众号开发之创建自定义菜单
Jul 16 Javascript
js实现可控制左右方向的无缝滚动效果
May 29 Javascript
jQuery简单实现iframe的高度根据页面内容自适应的方法
Aug 01 Javascript
Jquery获取当前城市的天气信息
Aug 05 Javascript
js 动态生成json对象、时时更新json对象的方法
Dec 02 Javascript
JavaScript实现自定义媒体播放器方法介绍
Jan 03 Javascript
jquery 仿锚点跳转到页面指定位置的实例
Feb 14 Javascript
JS实现汉字与Unicode码相互转换的方法详解
Apr 28 Javascript
node.js+jQuery实现用户登录注册AJAX交互
Apr 28 jQuery
基于zepto.js实现登录界面
Oct 09 Javascript
Vue中的Props(不可变状态)
Sep 29 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
人工智能开始玩《星际争霸2》 你的操作跟得上吗?
2017/08/11 星际争霸
PHP中实现进程间通讯
2006/10/09 PHP
追求程序速度,而不是编程的速度
2008/04/23 PHP
PHP获取文件绝对路径的代码(上一级目录)
2011/05/29 PHP
php网站地图生成类示例
2014/01/13 PHP
php中JSON的使用与转换
2015/01/14 PHP
PHP中非常有用却鲜有人知的函数集锦
2019/08/17 PHP
Laravel 中使用简单的方法跟踪用户是否在线(推荐)
2019/10/30 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
JavaScript 开发规范要求(图文并茂)
2010/06/11 Javascript
js读取json的两种常用方法示例介绍
2014/10/19 Javascript
jQuery实现瀑布流布局详解(PC和移动端)
2020/09/01 Javascript
jqGrid中文文档之选项设置
2015/12/02 Javascript
jquery拖拽排序简单实现方法(效果增强版)
2016/02/16 Javascript
如何高效率去掉js数组中的重复项
2016/04/12 Javascript
jQuery的promise与deferred对象在异步回调中的作用
2016/05/03 Javascript
node操作mysql数据库实例详解
2017/03/17 Javascript
详解webpack2+node+react+babel实现热加载(hmr)
2017/08/24 Javascript
详解用Node.js实现Restful风格webservice
2017/09/29 Javascript
原生JavaScript实现todolist功能
2018/03/02 Javascript
vue2.0+koa2+mongodb实现注册登录
2018/04/10 Javascript
Vue 表情包输入组件的实现代码
2019/01/21 Javascript
实例讲解JS中pop使用方法
2019/01/27 Javascript
详解Vue中的自定义指令
2020/12/07 Vue.js
token 机制和实现方式
2020/12/15 Javascript
python 数据清洗之数据合并、转换、过滤、排序
2017/02/12 Python
python中实现数组和列表读取一列的方法
2018/04/03 Python
python实现简单飞行棋
2020/02/06 Python
css3中背景尺寸background-size详解
2014/09/02 HTML / CSS
Html5之svg可缩放矢量图形_动力节点Java学院整理
2017/07/17 HTML / CSS
怎样实现H5+CSS3手指滑动切换图片的示例代码
2019/05/05 HTML / CSS
会计专业导师推荐信
2014/03/08 职场文书
幼儿园新生开学寄语
2015/05/27 职场文书
家长会感言
2015/08/01 职场文书
python中super()函数的理解与基本使用
2021/08/30 Python
详解Nginx 被动检查服务器的存活状态
2021/10/16 Servers