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 Mobile页面跳转后未加载外部JS原因分析及解决
Mar 18 Javascript
20行代码实现的一个CSS覆盖率测试脚本
Jul 07 Javascript
基于jquery的文章中所有图片width大小批量设置方法
Aug 01 Javascript
javascript实现在网页中运行本地程序的方法
Feb 03 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
Jul 27 Javascript
AngularJS实现一次监听多个值发生的变化
Aug 31 Javascript
微信小程序  checkbox组件详解及简单实例
Jan 10 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
Mar 09 Javascript
浅谈Vue网络请求之interceptors实际应用
Feb 28 Javascript
JavaScript设计模式之建造者模式实例教程
Jul 02 Javascript
使用apifm-wxapi模块中的问题及解决方法
Aug 05 Javascript
Vue中rem与postcss-pxtorem的应用详解
Nov 20 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 htmlspecialchars加强版
2010/02/16 PHP
PHP的范围解析操作符(::)的含义分析说明
2011/07/03 PHP
PHP jQuery表单,带验证具体实现方法
2014/02/15 PHP
PHP反射API示例分享
2016/10/08 PHP
date.parse在IE和FF中的区别
2010/07/29 Javascript
谷歌浏览器调试JavaScript小技巧
2014/12/29 Javascript
jQuery结合AJAX之在页面滚动时从服务器加载数据
2015/06/30 Javascript
Jquery zTree 树控件异步加载操作
2016/02/25 Javascript
基于Bootstrap使用jQuery实现简单可编辑表格
2016/05/04 Javascript
Nodejs获取网络数据并生成Excel表格
2020/03/31 NodeJs
图解prototype、proto和constructor的三角关系
2016/07/31 Javascript
JS判断鼠标进入容器的方向与window.open新窗口被拦截的问题
2016/12/23 Javascript
JS与HTML结合实现流程进度展示条思路详解
2017/09/03 Javascript
Vue代码分割懒加载的实现方法
2017/11/23 Javascript
vue实现城市列表选择功能
2018/07/16 Javascript
详解VScode编辑器vue环境搭建所遇问题解决方案
2019/04/26 Javascript
解决Vue-Router升级导致的Uncaught (in promise)问题
2020/08/07 Javascript
vue点击按钮实现简单页面的切换
2020/09/08 Javascript
[04:32]玩具屠夫中文语音节选
2020/08/23 DOTA
python实现聚类算法原理
2018/02/12 Python
对python读取CT医学图像的实例详解
2019/01/24 Python
Python调用Windows API函数编写录音机和音乐播放器功能
2020/01/05 Python
keras 特征图可视化实例(中间层)
2020/01/24 Python
英国奢侈品概念店:Base Blu
2019/05/16 全球购物
Wallis官网:英国女装零售商
2020/01/21 全球购物
英国在线定制百叶窗网站:Swift Direct Blinds
2020/02/25 全球购物
计算机网络专业个人的自我评价
2013/10/17 职场文书
社团文化节策划书
2014/02/01 职场文书
大学生创业项目方案
2014/03/08 职场文书
企业党员一句话承诺
2014/05/30 职场文书
颂军魂爱军营演讲稿
2014/09/13 职场文书
2014年保安个人工作总结
2014/11/13 职场文书
2015年文员个人工作总结
2015/04/09 职场文书
导游词之湖北武当山
2019/09/23 职场文书
聊聊golang中多个defer的执行顺序
2021/05/08 Golang
解析Java中的static关键字
2021/06/14 Java/Android