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 相关文章推荐
JavaScipt基本教程之JavaScript语言的基础
Jan 16 Javascript
js 图片轮播(5张图片)
Dec 30 Javascript
jquery实现select下拉框美化特效代码分享
Aug 18 Javascript
js中不同的height, top的区别对比
Sep 24 Javascript
javascript动态生成树形菜单的方法
Nov 14 Javascript
分享使用AngularJS创建应用的5个框架
Dec 05 Javascript
Angularjs中的事件广播 —全面解析$broadcast,$emit,$on
May 17 Javascript
php输出全部gb2312编码内的汉字方法
Mar 04 Javascript
JS如何判断浏览器类型和详细区分IE各版本浏览器
Mar 04 Javascript
jQuery 实现图片的依次加载图片功能
Jul 06 jQuery
Node.js  事件循环详解及实例
Aug 06 Javascript
为vue-router懒加载时下载js的过程中添加loading提示避免无响应问题
Apr 03 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
第四节 构造函数和析构函数 [4]
2006/10/09 PHP
十天学会php(1)
2006/10/09 PHP
php xml-rpc远程调用
2008/12/19 PHP
PHP运行出现Notice : Use of undefined constant 的完美解决方案分享
2012/03/05 PHP
apache中为php 设置虚拟目录
2014/12/17 PHP
PHP使用PHPexcel导入导出数据的方法
2015/11/14 PHP
DWZ+ThinkPHP开发时遇到的问题分析
2016/12/12 PHP
[原创]PHP获取数组表示的路径方法分析【数组转字符串】
2017/09/01 PHP
PHP实现合并两个排序链表的方法
2018/01/19 PHP
JavaScript 组件之旅(四):测试 JavaScript 组件
2009/10/28 Javascript
jqPlot 图表中文API使用文档及源码和在线示例
2012/02/07 Javascript
如何书写高质量jQuery代码(使用jquery性能问题)
2014/06/30 Javascript
使用typeof方法判断undefined类型
2014/09/09 Javascript
详谈LABJS按需动态加载js文件
2015/05/07 Javascript
JS设置cookie、读取cookie
2016/02/24 Javascript
详解Angular2组件之间如何通信
2017/06/22 Javascript
VUE + UEditor 单图片跨域上传功能的实现方法
2018/02/08 Javascript
Vue-cli项目部署到Nginx服务器的方法
2019/11/01 Javascript
使用JavaScript和MQTT开发物联网应用示例解析
2020/08/07 Javascript
nuxt.js 在middleware(中间件)中实现路由鉴权操作
2020/11/06 Javascript
[55:44]完美世界DOTA2联赛决赛 FTD vs Phoenix 第二场 11.08
2020/11/11 DOTA
python双向链表实现实例代码
2013/11/21 Python
Python中的filter()函数的用法
2015/04/27 Python
python实现随机漫步算法
2018/08/27 Python
python多项式拟合之np.polyfit 和 np.polyld详解
2020/02/18 Python
Python 实现黑客帝国中的字符雨的示例代码
2020/02/20 Python
keras的siamese(孪生网络)实现案例
2020/06/12 Python
HTML5+CSS3实现机器猫
2016/10/17 HTML / CSS
英国拖鞋购买网站:Bedroom Athletics
2020/02/28 全球购物
参观接待方案
2014/03/17 职场文书
安踏广告词改编版
2014/03/21 职场文书
2015年清明节网上祭英烈留言寄语
2015/03/04 职场文书
销售员岗位职责范本
2015/04/11 职场文书
格列佛游记读书笔记
2015/06/30 职场文书
Python基础 括号()[]{}的详解
2021/11/07 Python
vue项目如何打包之项目打包优化(让打包的js文件变小)
2022/04/30 Vue.js