js 限制input只能输入数字、字母和汉字等等


Posted in Javascript onDecember 18, 2013
<input type="text"onKeyUp="this.value=this.value.replace(/[^\.\d]/g,'');if(this.value.split('.').length>2){this.value=this.value.split('.')[0]+'.'+this.value.split('.')[1]}">

1.文本框只能输入数字代码(小数点也不能输入)
<inputōnkeyup="this.value=this.value.replace(/\D/g,'''')"ōnafterpaste="this.value=this.value.replace(/\D/g,'''')">

2.只能输入数字,能输小数点.
<inputōnkeyup="if(isNaN(value))execCommand(''undo'')"ōnafterpaste="if(isNaN(value))execCommand(''undo'')"> 
<input name=txt1ōnchange="if(/\D/.test(this.value)){alert(''只能输入数字'');this.value='''';}">

3.数字和小数点方法二
<input type=text t_value="" o_value=""ōnkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;elsethis.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value"ōnkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;elsethis.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value"ōnblur="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.o_value=this.value}">

4.只能输入字母和汉字
<input ōnkeyup="value=value.replace(/[\d]/g,'''')"onbeforepaste="clipboardData.setData(''text'',clipboardData.getData(''text'').replace(/[\d]/g,''''))"maxlength=10 name="Numbers">

5.只能输入英文字母和数字,不能输入中文
<inputōnkeyup="value=value.replace(/[^\w\.\/]/ig,'''')">

6.只能输入数字和英文
<inputōnKeyUp="value=value.replace(/[^\d|chun]/g,'''')">

7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
<inputōnKeyPress="if((event.keyCode<48 ||event.keyCode>57) &&event.keyCode!=46 ||/\.\d\d$/.test(value))event.returnValue=false">

8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
<inputōnkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,''$1$2.$3'')">
Javascript 相关文章推荐
JS函数重载的解决方案
May 13 Javascript
基于javascript实现图片懒加载
Jan 05 Javascript
JavaScript数据类型学习笔记
Jan 25 Javascript
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
Jan 25 Javascript
js中遍历Map对象的方法
Jul 27 Javascript
AngularJs验证重复密码的方法(两种)
Nov 25 Javascript
vue拦截器Vue.http.interceptors.push使用详解
Apr 22 Javascript
微信JSAPI Ticket接口签名详解
Jun 28 Javascript
Angularjs使用过滤器完成排序功能
Sep 20 Javascript
Windows下安装 node 的版本控制工具 nvm
Feb 06 Javascript
Vue 监听元素前后变化值实例
Jul 29 Javascript
JavaScript实现拖拽和缩放效果
Aug 24 Javascript
Javascript改变CSS样式(局部和全局)
Dec 18 #Javascript
jquery 提示信息显示后自动消失的具体实现
Dec 18 #Javascript
javascript中数组的concat()方法使用介绍
Dec 18 #Javascript
javascript中数组的sort()方法的使用介绍
Dec 18 #Javascript
javascript中数组的冒泡排序使用示例
Dec 18 #Javascript
javascript中数组中求最大值示例代码
Dec 18 #Javascript
JS动态调用方法名示例介绍
Dec 18 #Javascript
You might like
PHP file_get_contents设置超时处理方法
2013/09/30 PHP
codeigniter使用技巧批量插入数据实例方法分享
2013/12/31 PHP
PHP实现AES256加密算法实例
2014/09/22 PHP
php截取中文字符串函数实例
2015/02/23 PHP
详解PHP+AJAX无刷新分页实现方法
2015/11/03 PHP
PHP使用Memcache时模拟命名空间及缓存失效问题的解决
2016/02/27 PHP
Prototype使用指南之selector.js
2007/01/10 Javascript
javascript 基础篇2 数据类型,语句,函数
2012/03/14 Javascript
一样的table?不一样的table(可编辑状态table)
2012/09/19 Javascript
使用iojs的jsdom库实现同步系统时间
2015/04/20 Javascript
jquery+CSS实现的水平布局多级网页菜单效果
2015/08/24 Javascript
Bootstrap布局组件教程之Bootstrap下拉菜单
2016/06/12 Javascript
js实现图片360度旋转
2017/01/22 Javascript
使用Bootstrap打造特色进度条效果
2017/05/02 Javascript
JavaScript实现QQ聊天消息展示和评论提交功能
2017/05/22 Javascript
自定义事件解决重复请求BUG的问题
2017/07/11 Javascript
jquery在vue脚手架中的使用方式示例
2017/08/29 jQuery
JavaScript循环遍历你会用哪些之小结篇
2018/09/28 Javascript
vue如何实现动态加载脚本
2020/02/05 Javascript
antd 表格列宽自适应方法以及错误处理操作
2020/10/27 Javascript
Python单链表简单实现代码
2016/04/27 Python
深入理解NumPy简明教程---数组2
2016/12/17 Python
python实现人脸识别代码
2017/11/08 Python
使用python 打开文件并做匹配处理的实例
2019/01/02 Python
使用 Python 快速实现 HTTP 和 FTP 服务器的方法
2019/07/22 Python
python cv2读取rtsp实时码流按时生成连续视频文件方式
2019/12/25 Python
tensorflow实现二维平面模拟三维数据教程
2020/02/11 Python
python实现梯度法 python最速下降法
2020/03/24 Python
详解如何使用rem或viewport进行移动端适配
2020/08/14 HTML / CSS
工程师岗位职责规定
2014/02/26 职场文书
高中语文课后反思
2014/04/27 职场文书
五好关工委申报材料
2014/05/31 职场文书
行政工作试用期自我评价
2014/09/14 职场文书
党员教师四风问题对照检查材料
2014/09/26 职场文书
2014年初一班主任工作总结
2014/11/08 职场文书
作息时间调整通知
2015/04/22 职场文书