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 相关文章推荐
IE6 fixed的完美解决方案
Mar 31 Javascript
Js参数值中含有单引号或双引号问题的解决方法
Nov 06 Javascript
js获取当月最后一天实例代码
Nov 19 Javascript
jquery和css3实现的炫酷时尚的菜单导航
Sep 01 Javascript
js判断子窗体是否关闭的方法
Aug 11 Javascript
JS实现的幻灯片切换显示效果
Sep 07 Javascript
详解PHP后期静态绑定分析与应用
Mar 21 Javascript
JavaScript常用事件介绍
Jan 21 Javascript
vue+mock.js实现前后端分离
Jul 24 Javascript
layer弹出层自定义提交取消按钮的例子
Sep 10 Javascript
小程序开发之模态框组件封装
Apr 23 Javascript
记录一次websocket封装的过程
Nov 23 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
超外差式晶体管收音机的组装与统调
2021/03/01 无线电
采用memcache在web集群中实现session的同步会话
2014/07/05 PHP
php实现两个数组相加的方法
2015/02/17 PHP
PHP+jQuery+Ajax实现用户登录与退出
2015/04/27 PHP
php输出图像的方法实例分析
2017/02/16 PHP
JavaScript 存在陷阱 删除某一区域所有节点
2010/05/10 Javascript
jquery连缀语法如何实现
2012/11/29 Javascript
js动态调用css属性的小规律及实例说明
2013/12/28 Javascript
一款基于jQuery的图片场景标注提示弹窗特效
2015/01/05 Javascript
如何用javascript计算文本框还能输入多少个字符
2015/07/29 Javascript
原生JavaScript实现Ajax的方法
2016/04/07 Javascript
使用jQuery实现Web页面换肤功能的要点解析
2016/05/12 Javascript
C#实现将一个字符转换为整数
2017/12/12 Javascript
JS+WCF实现进度条实时监测数据加载量的方法详解
2017/12/19 Javascript
vue 设置proxyTable参数进行代理跨域
2018/04/09 Javascript
微信小程序如何修改本地缓存key中单个数据的详解
2019/04/26 Javascript
解决vue scoped html样式无效的问题
2020/10/24 Javascript
[19:59]2014DOTA2国际邀请赛 IG战队纪录片
2014/08/07 DOTA
python生成指定长度的随机数密码
2014/01/23 Python
python使用cPickle模块序列化实例
2014/09/25 Python
Pyhton中单行和多行注释的使用方法及规范
2016/10/11 Python
Python 模块EasyGui详细介绍
2017/02/19 Python
Python中的并发处理之asyncio包使用的详解
2018/04/03 Python
python通过伪装头部数据抵抗反爬虫的实例
2018/05/07 Python
django框架面向对象ORM模型继承用法实例分析
2019/07/29 Python
Python实现数值积分方式
2019/11/20 Python
关于tf.nn.dynamic_rnn返回值详解
2020/01/20 Python
造型师求职自荐信
2013/09/27 职场文书
后勤自我鉴定
2013/10/13 职场文书
酒店司机岗位职责
2013/12/14 职场文书
关于元旦的广播稿
2014/02/16 职场文书
保护环境的建议书
2014/03/12 职场文书
关于群众路线的心得体会
2014/11/05 职场文书
PyCharm 安装与使用配置教程(windows,mac通用)
2021/05/12 Python
关于MybatisPlus配置双数据库驱动连接数据库问题
2022/01/22 Java/Android
Valheim服务器 Mod修改安装教程 【ValheimPlus】
2022/12/24 Servers