jquery教程限制文本框只能输入数字和小数点示例分享


Posted in Javascript onJanuary 13, 2014
$(function(){     
            /*JQuery 限制文本框只能输入数字*/  
            $(".NumText").keyup(function(){    
                    $(this).val($(this).val().replace(/\D|^0/g,''));  
                }).bind("paste",function(){  //CTR+V事件处理    
                    $(this).val($(this).val().replace(/\D|^0/g,''));     
                }).css("ime-mode", "disabled"); //CSS设置输入法不可用                /*JQuery 限制文本框只能输入数字和小数点*/  
            $(".NumDecText").keyup(function(){    
                    $(this).val($(this).val().replace(/[^0-9.]/g,''));    
                }).bind("paste",function(){  //CTR+V事件处理    
                    $(this).val($(this).val().replace(/[^0-9.]/g,''));     
                }).css("ime-mode", "disabled"); //CSS设置输入法不可用    
        }); 

然后给需要验证的文本框加上class名就可以了,类似如下:

<input type="text" class="txt NumText"  Width="100px"  runat="server" />
Javascript 相关文章推荐
JQuery 学习笔记 选择器之五
Jul 23 Javascript
js读写(删除)Cookie实例详解
Apr 17 Javascript
利用JS进行图片的切换即特效展示图片
Dec 03 Javascript
JQuery记住用户名密码实现下次自动登录功能
Apr 27 Javascript
js实现页面跳转的几种方法小结
May 16 Javascript
Vue.js计算属性computed与watch(5)
Dec 09 Javascript
微信小程序实现图片滚动效果示例
Dec 05 Javascript
Node.js JSON模块用法实例分析
Jan 04 Javascript
如何基于vue-cli3.0构建功能完善的移动端架子
Apr 24 Javascript
eslint 的三大通用规则详解
May 16 Javascript
vue中created和mounted的区别浅析
Aug 13 Javascript
JavaScript Event Loop相关原理解析
Jun 10 Javascript
javascript教程之不完整的继承(js原型链)
Jan 13 #Javascript
javascript函数作用域学习示例(js作用域)
Jan 13 #Javascript
多选列表框动态添加,移动,删除,全选等操作的简单实例
Jan 13 #Javascript
鼠标经过tr时,改变tr当前背景颜色
Jan 13 #Javascript
js导航栏单击事件背景变换示例代码
Jan 13 #Javascript
JS文本获得焦点清除文本文字的示例代码
Jan 13 #Javascript
javascript间隔定时器(延时定时器)学习 间隔调用和延时调用
Jan 13 #Javascript
You might like
PHP开发负载均衡指南
2010/07/17 PHP
通过table标签,PHP输出EXCEL的实现方法
2013/07/24 PHP
PHP 中提示undefined index如何解决(多种方法)
2016/03/16 PHP
JavaScript 动态添加表格行 使用模板、标记
2009/10/24 Javascript
jQuery学习笔记之jQuery的DOM操作
2010/12/22 Javascript
怎么清空javascript数组
2013/05/11 Javascript
javascript:window.open弹出窗口的位置问题
2014/03/18 Javascript
jQuery中toggle()函数的使用实例
2015/04/17 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
2016/01/05 Javascript
jQuery实现的导航下拉菜单效果
2016/07/04 Javascript
AngularJS 基础ng-class-even指令用法
2016/08/01 Javascript
基于jquery实现弹幕效果
2016/09/29 Javascript
JS中检测数据类型的几种方式及优缺点小结
2016/12/12 Javascript
Google 爬虫如何抓取 JavaScript 的内容
2017/04/07 Javascript
Javascript实现的StopWatch功能示例
2017/06/13 Javascript
使用vue与jquery实时监听用户输入状态的操作代码
2017/09/19 jQuery
Angularjs使用过滤器完成排序功能
2017/09/20 Javascript
利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解
2017/11/20 Javascript
Vue项目History模式404问题解决方法
2018/10/31 Javascript
微信小程序使用npm支持踩坑
2018/11/07 Javascript
微信小程序websocket聊天室的实现示例代码
2019/02/12 Javascript
详解vue后台系统登录态管理
2019/04/02 Javascript
js实现上下左右键盘控制div移动
2020/01/16 Javascript
[51:22]Fnatic vs IG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python实现多进程代码示例
2018/10/31 Python
Python如何使用k-means方法将列表中相似的句子归类
2019/08/08 Python
python opencv调用笔记本摄像头
2019/08/28 Python
Python解析json代码实例解析
2019/11/25 Python
用Python生成HTML表格的方法示例
2020/03/06 Python
OpenCV实现机器人对物体进行移动跟随的方法实例
2020/11/09 Python
支票、地址标签、包装纸和慰问卡:Current Catalog
2018/01/30 全球购物
机电工程专业应届生求职信
2013/10/03 职场文书
英文商务邀请信
2014/01/22 职场文书
行政执法队伍作风整顿个人剖析材料
2014/10/11 职场文书
python爬不同图片分别保存在不同文件夹中的实现
2021/04/02 Python
mysql数据库实现设置字段长度
2022/06/10 MySQL