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 相关文章推荐
html下载本地
Jun 19 Javascript
使用prototype.js 的时候应该特别注意的几个问题.
Apr 12 Javascript
实现JavaScript中继承的三种方式
Oct 16 Javascript
基于jquery的获取浏览器窗口大小的代码
Mar 28 Javascript
JavaScript 高级篇之闭包、模拟类,继承(五)
Apr 07 Javascript
JS格式化数字保留两位小数点示例代码
Oct 15 Javascript
javascript实现根据身份证号读取相关信息
Dec 17 Javascript
基于JS判断iframe是否加载成功的方法(多种浏览器)
May 13 Javascript
Vue 实用分页paging实例代码
Apr 12 Javascript
js制作简单的音乐播放器的示例代码
Aug 28 Javascript
详解vue 项目白屏解决方案
Oct 31 Javascript
vue 导航守卫和axios拦截器有哪些区别
Dec 19 Vue.js
如何使用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 删除记录实现代码
2009/03/12 PHP
php str_pad() 将字符串填充成指定长度的字符串
2010/02/23 PHP
ThinkPHP3.2.3数据库设置新特性
2015/03/05 PHP
PHP文件缓存类实现代码
2015/10/26 PHP
一个tab标签切换效果代码
2009/03/27 Javascript
别了 JavaScript中的isXX系列
2012/08/01 Javascript
js 连接数据库如何操作数据库中的数据
2012/11/23 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
2013/09/06 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
2014/10/16 Javascript
Javascript中的匿名函数与封装介绍
2015/03/15 Javascript
jQuery实现预加载图片的方法
2015/03/17 Javascript
jQuery中 delegate使用的问题
2015/07/03 Javascript
谈谈Jquery ajax中success和complete有哪些不同点
2015/11/20 Javascript
Bootstrap学习笔记之进度条、媒体对象实例详解
2017/03/09 Javascript
浅谈mint-ui 填坑之路
2017/11/06 Javascript
使用Angular CLI进行单元测试和E2E测试的方法
2018/03/24 Javascript
对vue中v-if的常见使用方法详解
2018/09/28 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
2019/10/09 Javascript
使用Typescript和ES模块发布Node模块的方法
2020/05/25 Javascript
Python的Django框架中模板碎片缓存简介
2015/07/24 Python
Python优化技巧之利用ctypes提高执行速度
2016/09/11 Python
python+matplotlib实现礼盒柱状图实例代码
2018/01/16 Python
Python切片索引用法示例
2018/05/15 Python
从django的中间件直接返回请求的方法
2018/05/30 Python
解决pytorch-yolov3 train 报错的问题
2020/02/18 Python
关于Python Tkinter Button控件command传参问题的解决方式
2020/03/04 Python
使用Keras中的ImageDataGenerator进行批次读图方式
2020/06/17 Python
移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法
2018/09/19 HTML / CSS
Ooni英国官网:披萨烤箱
2020/05/31 全球购物
建筑工程专业毕业生自荐信
2013/10/19 职场文书
培训楼经理岗位责任制
2014/02/10 职场文书
初中三年毕业生的自我评价分享
2014/02/14 职场文书
迎七一演讲稿
2014/09/12 职场文书
故意杀人案辩护词
2015/05/21 职场文书
Python基础之常用库常用方法整理
2021/04/30 Python
详解php中流行的rpc框架
2021/05/29 PHP