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获取焦点和失去焦点事件代码
Apr 21 Javascript
使用Math.floor与Math.random取随机整数的方法详解
May 07 Javascript
一个简单的jQuery计算器实现了连续计算功能
Jul 21 Javascript
JS获得图片alt信息的方法
Apr 01 Javascript
jquery UI Datepicker时间控件的使用方法(基础版)
Nov 07 Javascript
浅谈jquery的map()和each()方法
Jun 12 Javascript
用jquery快速解决IE输入框不能输入的问题
Oct 04 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
Oct 16 Javascript
利用JS轻松实现获取表单数据
Dec 06 Javascript
Ionic3实现图片瀑布流布局
Aug 09 Javascript
微信小程序自定义底部导航带跳转功能
Nov 27 Javascript
怎样在vue项目下添加ESLint的方法
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
dedecms中显示数字验证码的修改方法
2007/03/21 PHP
php扩展ZF――Validate扩展
2008/01/10 PHP
PHP版 汉字转码的实现详解
2013/06/09 PHP
PHP IDE PHPStorm配置支持友好Laravel代码提示方法
2015/05/12 PHP
PHP中的表达式简述
2016/05/29 PHP
php常用的工具开发整理
2019/09/26 PHP
用js计算页面执行时间的函数
2006/12/07 Javascript
jQuery Ajax文件上传(php)
2009/06/16 Javascript
JS延迟加载(setTimeout) JS最后加载
2010/07/15 Javascript
Javascript闭包用法实例分析
2015/01/23 Javascript
JS制作简单的三级联动
2015/03/18 Javascript
JS实现从表格中动态删除指定行的方法
2015/03/31 Javascript
jQuery插件MixItUp实现动画过滤和排序
2015/04/12 Javascript
基于jquery实现在线选座订座之影院篇
2015/08/24 Javascript
浅谈vue首屏加载优化
2018/06/28 Javascript
jquery检测上传文件大小示例
2020/04/26 jQuery
Python下使用Psyco模块优化运行速度
2015/04/05 Python
python二分查找算法的递归实现方法
2016/05/12 Python
对Python 文件夹遍历和文件查找的实例讲解
2018/04/26 Python
Python中的异常处理try/except/finally/raise用法分析
2019/02/28 Python
Python 闭包,函数分隔作用域,nonlocal声明非局部变量操作示例
2019/10/14 Python
python  logging日志打印过程解析
2019/10/22 Python
Python中的全局变量如何理解
2020/06/04 Python
Python collections.defaultdict模块用法详解
2020/06/18 Python
Python爬虫之Selenium实现窗口截图
2020/12/04 Python
中国一家专注拼团的社交购物网站:拼多多
2018/06/13 全球购物
优秀应届生求职信
2014/06/16 职场文书
建筑安全员岗位职责
2015/02/15 职场文书
2015秋季开学典礼新闻稿
2015/07/17 职场文书
情人节单身感言
2015/08/03 职场文书
2019年行政人事个人工作总结范本!
2019/07/19 职场文书
详解CSS玩转图片Base64编码
2021/05/25 HTML / CSS
用Python selenium实现淘宝抢单机器人
2021/06/18 Python
SQL SERVER存储过程用法详解
2022/02/24 SQL Server
CentOS安装Nginx并部署vue
2022/04/12 Servers
Python Django / Flask如何使用Elasticsearch
2022/04/19 Python