input输入框的限制输入
限制输入正则表达式
一·、限制 input 输入框只能输入纯数字
1、onkeyup = “value=value.replace(/[^\d]/g,‘’)”
2、onchange = “value=value.replace(/[^\d]/g,‘’)”
3、oninput = “value=value.replace(/[^\d]/g,‘’)”
二、限制input输入框不能输入空格
onKeypress=“javascript:if(event.keyCode == 32)event.returnValue = false;”
三、限制input输入框只能输入数字和字母
οnkeyup=“value=value.replace(/[^\w./]/ig,‘’)”
οnkeyup=“value=value.replace(/[\W]/g,‘’)”
四、限制input输入框只能输入中文
οnkeyup=“this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,‘’)”
五、限制input输入框只能输入数字
οnkeyup=“this.value=this.value.replace(/\D/g,‘’)”
六、限制input输入框只能输入英文
οnkeyup=“this.value=this.value.replace(/[^a-zA-Z]/g,‘’)”
1、 控制文本框只能输入数字
<input οnkeyup=“value=value.replace(/[0-9]/g,‘’)"οnpaste="value=value.replace(/[0-9]/g,‘’)” oncontextmenu =“value=value.replace(/[^0-9]/g,‘’)”>
2、控制文本框只能输入数字、小数点
<inputοnkeyup=“value=value.replace(/[\0-9.]/g,‘’)"οnpaste="value=value.replace(/[\0-9.]/g,‘’)” oncontextmenu =“value=value.replace(/[^\0-9.]/g,‘’)”>
3、控制文本框只能输入英文
<inputοnkeyup=“value=value.replace(/[\a-\z\A-\Z]/g,‘’)"οnpaste="value=value.replace(/[\a-\z\A-\Z]/g,‘’)” oncontextmenu =“value=value.replace(/[^\a-\z\A-\Z]/g,‘’)”>
4、控制文本框只能输入英文、数字
<inputοnkeyup=“value=value.replace(/[\a-\z\A-\Z0-9]/g,‘’)"οnpaste="value=value.replace(/[\a-\z\A-\Z0-9]/g,‘’)” οncοntextmenu=“value=value.replace(/[^\a-\z\A-\Z0-9]/g,‘’)”>
5、控制文本框只能输入中文
<inputοnkeyup=“value=value.replace(/[\u4E00-\u9FA5]/g,‘’)"οnpaste="value=value.replace(/[\u4E00-\u9FA5]/g,‘’)” οncοntextmenu=“value=value.replace(/[^\u4E00-\u9FA5]/g,‘’)”>
6、控制文本框只能输入中文、英文、数字
<inputοnkeyup="value=value.replace(/[\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,‘’)"οnpaste="value=value.replace(/[\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,‘’)"oncontextmenu =“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,‘’)”>
7、控制文本框只能输入中文、英文、数字、空格
<inputοnkeyup=“value=value.replace(/[\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,‘’)"οnpaste="value=value.replace(/[\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,‘’)” oncontextmenu =“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,‘’)”>
8、控制文本框只能输入中文、英文、数字、小数点
<inputοnkeyup="value=value.replace(/[\a-\z\A-\Z0-9\u4E00-\u9FA5.]/g,‘’)"οnpaste="value=value.replace(/[\a-\z\A-\Z0-9\u4E00-\u9FA5.]/g,‘’)"oncontextmenu =“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5.]/g,‘’)”>
input输入框的限制输入相关推荐
- vue实现input输入框控制最多输入一位小数
vue实现input输入框控制最多输入一位小数, 直接在校验规则中写上js正则表达式就行,表达式如下: /^(\d+\.\d{1,1}|\d+)$/
- ios微信小程序中 input 输入框问题,输入的光标中的内容自动清空
ios微信小程序中 input 输入框问题,输入的光标中的内容自动清空 问题描述 1.我在页面上有个倒计时的功能,每一秒都在更新时间,更新时间显示的值(view一直变) 2.我调用input输入框,准 ...
- vue中,input输入框只允许输入数字
在vue项目中,输入框只允许输入数字,现将自己使用的一种方法记录,以供大家参考 这里需用到vue修饰符 不了解的同学可去vue官网看看,或者百度看看其他文档的讲解. .number 如果想自动将用户的 ...
- input输入框模拟验证码输入效果
今天看到一个帖子,说到用input输入框模拟滴滴.摩拜等app验证码输入效果,提到了一个方案: 1.利用input来获得焦点,自动调用手机的数字键盘 2.实际将输入框用透明度隐藏 3.用label的f ...
- input输入框限制只能输入数字的方法
在项目中会遇到表单填写的时候在input中输入纯数字的情况,这个时候需要我们在输入框对用户的输入做一些限制 1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup=&quo ...
- input输入框限制只能输入数字
昨天博主接到一个需求说form表单里面的input输入框有些你得给它限制一下,不要比如有些限制一下只能让他输入数字,不能让客户输入文字或者英文 我这边给大家提供两种方法来实现这个功能,当然,我把相关情 ...
- input 输入框限制只能输入两位有效小数
前端入门即教学,今天博主分享几个前端金额实用的小案例,复制拿过去就能用哦! 相信有很多前端小伙伴在工作中遇到过这样的需求,就是限制输入框内容只能输入两位小数吧,想了用正则但是又不知道怎么下手的同学,接 ...
- html 输入框输入事件,input 输入框内的输入事件详细分析
1.基础:本次分析原理就是在各个浏览器下input内容变化的时候触发事件的各种不兼容性.在ie下用onpropertychange事件,在其他浏览器里用input事件. 2.用例:对每个浏览器分别测试 ...
- input输入框只允许输入数字/ 数字+小数点/ 文字+字母/ 等解决方法
1.只允许输入数字: <input type="text" οnkeyup="this.value=this.value.replace(/[^0-9]/g,'') ...
最新文章
- OpenCV 图像加载和显示
- Luogu P5556 圣剑护符(线性基,树链剖分,线段树)
- 「走过」微软、优步,老工程师告诉你哪些数据结构和算法最重要
- squid服务器的代理
- python爬虫实例-python 爬虫实例
- 用xml配置文件加载资源时(XML和XMLList的转换)
- 大咖专访丨东吴证券段斌:探索零售经纪数字化转型之道,挖掘数据价值
- linux重定向多个文件,Linux base shell重定向详解
- dede设置当前栏目的样式
- java第七章jdbc课后简答题_java学习路线流程
- Linux驱动概念扫盲篇
- 如何测量C#代码的运行时间
- c++ 制作木马病毒
- 不用第三方实现外网访问
- Affine set 和 convex set 的定义
- intel无线网络管理服务器,配置Intel无线网卡连接到管理帧保护(MFP) -启用网络
- 世界杯吉祥物玩偶难产?俄罗斯人紧急求助这个杭州男人
- Docker中创建MySQL容器,将宿主机目录直接挂载到目录
- 计算机应用杂志-投稿经历
- 解决node-sass报错 :Failed at the node-sass postinstall script
热门文章
- gluoncv 下载预训练模型速度太慢
- 在ios中h5页面左右滑动出现空白
- 奈克斯特定理_天气雷达基本工作原理和参数.ppt
- 酷柚易汛SAAS版进销存系统全面公测,支持私有化部署
- java 使用浏览器下载图片
- 【转】SIMCOM的AT指令
- c盘gnway是什么文件_壹拓网科技详解金万维天联标准版软件下载安装登录流程
- pdf编辑软件:Acrobat Pro DC 2022 直装版(win/mac)
- 【Linux学习:基础二】桌面终端基本操作_Linux文件系统_VIM编辑器_网络配置_系统管理操作
- Verilog的运算符及优先级