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对象和属性的创建方法
Jan 15 Javascript
js 将json字符串转换为json对象的方法解析
Nov 13 Javascript
javascript中HTMLDOM操作详解
Dec 11 Javascript
jQuery实现DIV层收缩展开的方法
Feb 27 Javascript
浅谈jQuery中replace()方法
May 13 Javascript
jQuery 如何给Carousel插件添加新的功能
Apr 18 Javascript
微信小程序之页面拦截器的示例代码
Sep 07 Javascript
移动端效果之Swiper详解
Oct 09 Javascript
JavaScript展开操作符(Spread operator)详解
Jul 20 Javascript
vue实现简单跑马灯效果
May 25 Javascript
如何实现vue的tree组件
Dec 03 Vue.js
uniapp开发打包多端应用完整方法指南
Dec 24 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
PhpMyAdmin出现export.php Missing parameter: what /export_type错误解决方法
2012/08/09 PHP
php定时计划任务的实现方法详解
2013/06/06 PHP
使用gd库实现php服务端图片裁剪和生成缩略图功能分享
2013/12/25 PHP
php的curl封装类用法实例
2014/11/07 PHP
PHP快速推送微信模板消息
2017/04/14 PHP
游览器中javascript的执行过程(图文)
2012/05/20 Javascript
js实现星星打分效果的方法
2020/07/05 Javascript
鼠标经过子元素触发mouseout,mouseover事件的解决方案
2015/07/26 Javascript
基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
2015/09/06 Javascript
实例讲解JavaScript的Backbone.js框架中的View视图
2016/05/05 Javascript
javascript之IE版本检测超简单方法
2016/08/20 Javascript
微信小程序实现实时圆形进度条的方法示例
2017/02/24 Javascript
angularjs的单选框+ng-repeat的实现方法
2018/09/12 Javascript
详解ES6 Symbol 的用途
2018/10/14 Javascript
vue实现行列转换的一种方法
2019/08/06 Javascript
详解mpvue开发微信小程序基础知识
2019/09/23 Javascript
在vue中通过render函数给子组件设置ref操作
2020/11/17 Vue.js
JavaScript/TypeScript 实现并发请求控制的示例代码
2021/01/18 Javascript
[00:17]DOTA2荣耀之路5:It’s a disastah!
2018/05/28 DOTA
分享一个简单的python读写文件脚本
2017/11/25 Python
Python把对应格式的csv文件转换成字典类型存储脚本的方法
2019/02/12 Python
详解pandas的外部数据导入与常用方法
2019/05/01 Python
浅析Python 中几种字符串格式化方法及其比较
2019/07/02 Python
python字符串常用方法及文件简单读写的操作方法
2020/03/04 Python
django Model层常用验证器及自定义验证器详解
2020/07/15 Python
python 写一个文件分发小程序
2020/12/05 Python
艺术家策划的室内设计:Curious Egg
2019/03/06 全球购物
超市重阳节活动方案
2014/02/10 职场文书
吸烟检讨书2000字
2014/02/13 职场文书
餐厅总厨求职信
2014/03/04 职场文书
企业口号大全
2014/06/12 职场文书
中队活动总结
2014/08/27 职场文书
纪律教育学习心得体会
2014/09/02 职场文书
教学督导岗位职责
2015/04/10 职场文书
django 认证类配置实现
2021/11/11 Python
Nginx的基本概念和原理
2022/03/21 Servers