js限制文本框只能输入整数或者带小数点的数字


Posted in Javascript onApril 27, 2015

做表单验证的时候是否会碰到验证某个输入框内只能填写数字呢,仅允许输入整数数字或者带小数点的数字。下面这段代码也许能帮到你!通过对当前输入框定义onkeypress,onkeyup,onblur事件对表单做了充分的验证,结果还是非常靠谱的。

<input type="text" value="" 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}" />

下面对onkeypress,onkeyup,onblur事件做简要的解释。

onkeypress 事件会在键盘按键被按下并释放一个键时发生。

onkeyup 事件会在键盘按键被松开时发生。

onblur 事件会在对象失去焦点时发生。

另外需要注意的是如果需要做严格验证的表单,一定要客户端和服务器端进行双重验证,以上紧紧做了客户端验证。如果稍微懂点程序的人,能够很轻松的绕过这段验证代码,如果服务器端没有进行验证的话,就很容易出问题的。

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
javascript预览上传图片发现的问题的解决方法
Nov 25 Javascript
ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值
Feb 03 Javascript
Yii-自定义删除确认弹框(zyd)jquery实现代码
Mar 04 Javascript
js获取当前日期代码适用于网页头部
Jun 27 Javascript
Jquery动态更改一张位图的src与Attr的使用
Jul 31 Javascript
用javascript判断IE版本号简单实用且向后兼容
Sep 11 Javascript
JavaScript中使用arguments获得函数传参个数实例
Aug 27 Javascript
jQuery获取同级元素的简单代码
Jul 09 Javascript
JS中的数组转变成JSON格式字符串的方法
May 09 Javascript
微信小程序使用canvas的画图操作示例
Jan 18 Javascript
vue使用screenfull插件实现全屏功能
Sep 17 Javascript
vue 二维码长按保存和复制内容操作
Sep 22 Javascript
如何使用HTML5地理位置定位功能
Apr 27 #Javascript
jQuery插件scroll实现无缝滚动效果
Apr 27 #Javascript
Javascript非构造函数的继承
Apr 27 #Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
Apr 27 #Javascript
jquery简单的弹出层浮动层代码
Apr 27 #Javascript
javascript实现俄罗斯方块游戏的思路和方法
Apr 27 #Javascript
JQuery记住用户名密码实现下次自动登录功能
Apr 27 #Javascript
You might like
php设置session值和cookies的学习示例
2014/03/21 PHP
ThinkPHP3.1新特性之对Ajax的支持更加完善
2014/06/19 PHP
浅谈Laravel核心解读之Console内核
2018/12/02 PHP
javascript 添加和移除函数的通用方法
2009/10/20 Javascript
让人印象深刻的10个jQuery手风琴效果应用
2012/05/08 Javascript
JavaScript面向对象之Prototypes和继承
2012/07/12 Javascript
JS 去除Array中的null值示例代码
2013/11/20 Javascript
js中for in的用法示例解析
2013/12/25 Javascript
JavaScript函数详解
2015/02/27 Javascript
jQuery实现点击小图片淡入淡出显示大图片特效
2015/09/09 Javascript
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
2017/01/20 Javascript
Vue.js学习之计算属性
2017/01/22 Javascript
jquery dialog获取焦点的方法
2017/02/09 Javascript
详解Vue2 无限级分类(添加,删除,修改)
2017/03/07 Javascript
JS中正则表达式要注意lastIndex属性
2017/08/08 Javascript
Puppeteer 爬取动态生成的网页实战
2018/11/14 Javascript
阿望教你用vue写扫雷小游戏
2020/01/20 Javascript
Python中让MySQL查询结果返回字典类型的方法
2014/08/22 Python
使用SAE部署Python运行环境的教程
2015/05/05 Python
对python读取CT医学图像的实例详解
2019/01/24 Python
python类的实例化问题解决
2019/08/31 Python
python数据分析:关键字提取方式
2020/02/24 Python
python对文件的操作方法汇总
2020/02/28 Python
详解Python 最短匹配模式
2020/07/29 Python
详解python tkinter 图片插入问题
2020/09/03 Python
项目考察欢迎辞
2014/01/17 职场文书
2014年教研活动总结范文
2014/04/26 职场文书
捐款倡议书怎么写
2014/05/13 职场文书
迎新生欢迎词
2015/01/23 职场文书
《家》读后感:万惜拯救,冷暖自知
2019/09/25 职场文书
浅谈移动端中的视口(viewport)的具体使用
2021/04/13 HTML / CSS
python spilt()分隔字符串的实现示例
2021/05/21 Python
win11怎么用快捷键锁屏? windows11锁屏的几种方法
2021/11/21 数码科技
Unicode中的CJK(中日韩统一表意文字)字符小结
2021/12/06 HTML / CSS
Redis keys命令的具体使用
2022/06/05 Redis
MySQL中order by的执行过程
2022/06/05 MySQL