js限制文本框只能输入数字方法小结


Posted in Javascript onJune 16, 2014

有时需要限制文本框输入内容的类型,本节分享下正则表达式限制文本框只能输入数字、小数点、英文字母、汉字等代码。

例如,输入大于0的正整数

<input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">

1,文本框只能输入数字代码(小数点也不能输入)

<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">

2,只能输入数字,能输小数点. IE only

<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 t_value="" o_value="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=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.o_value=this.value}">

封装成单独的函数: 

function keyPress(ob) {
 if (!ob.value.match(/^[\+\-]?\d*?\.?\d*?$/)) ob.value = ob.t_value; else ob.t_value = ob.value; if (ob.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/)) ob.o_value = ob.value;
}
function keyUp(ob) {
 if (!ob.value.match(/^[\+\-]?\d*?\.?\d*?$/)) ob.value = ob.t_value; else ob.t_value = ob.value; if (ob.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/)) ob.o_value = ob.value;
    }
function onBlur(ob) {
if(!ob.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))ob.value=ob.o_value;else{if(ob.value.match(/^\.\d+$/))ob.value=0+ob.value;if(ob.value.match(/^\.$/))ob.value=0;ob.o_value=ob.value};
}

只需在调用,传入this对象即可!

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,只能输入数字和英文

<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')">

这篇文章就介绍到这了,需要的朋友可以参考一下

Javascript 相关文章推荐
javascript 表单验证常见正则
Sep 28 Javascript
jquery ajax例子返回值详解
Sep 11 Javascript
jquery Moblie入门—hello world的示例代码学习
Jan 08 Javascript
jquery(hide方法)隐藏指定元素实例
Nov 11 Javascript
随鼠标上下滚动的jquery代码
Dec 05 Javascript
js实现带圆角的两级导航菜单效果代码
Aug 24 Javascript
js操作cookie保存浏览记录的方法
Dec 25 Javascript
深入浅析JavaScript中的作用域和上下文
Mar 26 Javascript
jQuery实现拖动效果的实例代码
Jun 25 jQuery
Angular4实现动态添加删除表单输入框功能
Aug 11 Javascript
Angular使用动态加载组件方法实现Dialog的示例
May 11 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
Nov 15 Javascript
JS实现简单的顶部定时关闭层效果
Jun 15 #Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
Jun 15 #Javascript
鼠标移到图片上变大显示而不是放大镜效果
Jun 15 #Javascript
js中的如何定位固定层的位置
Jun 15 #Javascript
Extjs Label的 fieldLabel和html属性值对齐的方法
Jun 15 #Javascript
jquery实现通用版鼠标经过淡入淡出效果
Jun 15 #Javascript
jQuery实现的原图对比窗帘效果
Jun 15 #Javascript
You might like
php google或baidu分页代码
2009/11/26 PHP
PHP中的integer类型使用分析
2010/07/27 PHP
PHP编码转换
2012/11/05 PHP
解析PHP正则提取或替换img标记属性
2013/06/26 PHP
调用WordPress函数统计文章访问量及PHP原生计数器的实现
2016/03/21 PHP
PHP数组的定义、初始化和数组元素的显示实现代码
2016/11/05 PHP
PHP获取本周所有日期或者最近七天所有日期的方法
2018/06/20 PHP
PHP连接MySQL数据库三种实现方法
2020/12/10 PHP
网页开发中的容易忽略的问题 javascript HTML中的table
2009/04/15 Javascript
jQuery ctrl+Enter shift+Enter实现代码
2010/02/07 Javascript
javascript 学习笔记(一)DOM基本操作
2011/04/08 Javascript
javascript学习笔记(十) js对象 继承
2012/06/19 Javascript
防止文件缓存的js代码
2013/01/10 Javascript
打印json对象的内容及JSON.stringify函数应用
2013/03/29 Javascript
js单向链表的具体实现实例
2013/06/21 Javascript
JavaScript检测实例属性, 原型属性
2015/02/04 Javascript
完美兼容多浏览器的js判断图片路径代码汇总
2015/04/17 Javascript
JavaScript中标识符提升问题
2015/06/11 Javascript
JS实现无限级网页折叠菜单(类似树形菜单)效果代码
2015/09/17 Javascript
jQuery Real Person验证码插件防止表单自动提交
2015/11/06 Javascript
vue.js入门教程之绑定class和style样式
2016/09/02 Javascript
Python3基础之基本数据类型概述
2014/08/13 Python
简化Python的Django框架代码的一些示例
2015/04/20 Python
python利用装饰器进行运算的实例分析
2015/08/04 Python
Python基于QRCode实现生成二维码的方法【下载,安装,调用等】
2017/07/11 Python
Python 读取指定文件夹下的所有图像方法
2018/04/27 Python
python实现飞行棋游戏
2020/02/05 Python
Python类和实例的属性机制原理详解
2020/03/21 Python
python安装第三方库如xlrd的方法
2020/10/31 Python
Speedo美国:澳大利亚顶尖泳衣制造商
2016/08/03 全球购物
教育科研先进个人材料
2014/01/26 职场文书
优秀团支部事迹材料
2014/02/08 职场文书
团日活动总结范文
2014/04/25 职场文书
测量员岗位职责
2015/02/14 职场文书
严以用权学习心得体会
2016/01/12 职场文书
node快速搭建后台的实现步骤
2022/02/18 NodeJs