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 相关文章推荐
JS中style属性
Oct 11 Javascript
IE 条件注释详解总结(附实例代码)
Aug 29 Javascript
关于jquery动态增减控件的一些想法和小插件
Aug 01 Javascript
Javascript 倒计时源代码.(时.分.秒) 详细注释版
May 09 Javascript
手机平板等移动端适配跳转URL的js代码
Jan 25 Javascript
JS调用某段SQL语句的方法
Oct 20 Javascript
vue微信分享 vue实现当前页面分享其他页面
Dec 02 Javascript
详解给Vue2路由导航钩子和axios拦截器做个封装
Apr 10 Javascript
JQuery Ajax执行跨域请求数据的解决方案
Dec 10 jQuery
json字符串对象转换代码实例
Sep 28 Javascript
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)
Jan 14 Javascript
element-ui中el-upload多文件一次性上传的实现
Dec 02 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 强制下载文件代码
2010/10/24 PHP
php读取csv文件并输出的方法
2015/03/14 PHP
什么是OneThink oneThink后台添加插件步骤
2016/04/13 PHP
php写入mysql中文乱码的实例解决方法
2019/09/17 PHP
jQuery easyui datagrid动态查询数据实例讲解
2013/02/26 Javascript
jquery Ajax 实现加载数据前动画效果的示例代码
2014/02/07 Javascript
jquery mobile的触控点击事件会多次触发问题的解决方法
2014/05/08 Javascript
JavaScript中伪协议 javascript:使用探讨
2014/07/18 Javascript
一个不错的js html页面倒计时可精确到秒
2014/10/22 Javascript
JQuery中extend的用法实例分析
2015/02/08 Javascript
使用jQuery实现更改默认alert框体
2015/04/13 Javascript
jQuery自定义动画函数实例详解(附demo源码)
2015/12/10 Javascript
在AngularJS中如何使用谷歌地图把当前位置显示出来
2016/01/25 Javascript
JS判断字符串变量是否含有某个字串的实现方法
2016/06/03 Javascript
js实现带缓动动画的导航栏效果
2017/01/16 Javascript
JavaScript数组复制详解
2017/02/02 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
2017/11/27 Javascript
微信小程序使用picker实现时间和日期选择框功能【附源码下载】
2017/12/11 Javascript
10个在JavaScript开发中常遇到的BUG
2017/12/18 Javascript
vue 利用路由守卫判断是否登录的方法
2018/09/29 Javascript
Python tkinter实现的图片移动碰撞动画效果【附源码下载】
2018/01/04 Python
python实现多人聊天室
2020/03/31 Python
Python零基础入门学习之输入与输出
2019/04/03 Python
Python嵌套函数,作用域与偏函数用法实例分析
2019/12/26 Python
python生成并处理uuid的实现方式
2020/03/03 Python
浅谈在django中使用redirect重定向数据传输的问题
2020/03/13 Python
爱尔兰电子产品购物网站:Komplett.ie
2018/04/04 全球购物
小学毕业寄语大全
2014/04/03 职场文书
2014年师德承诺书
2014/05/23 职场文书
开工典礼策划方案
2014/05/23 职场文书
学生不讲诚信检讨书
2014/09/29 职场文书
员工2014年度工作总结
2014/12/09 职场文书
个人党性锻炼总结
2015/03/05 职场文书
党员证明模板
2015/06/19 职场文书
Java常用工具类汇总 附示例代码
2021/06/26 Java/Android
CSS使用伪类控制边框长度的方法
2022/01/18 HTML / CSS