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 相关文章推荐
js DOM的学习笔记
Dec 22 Javascript
离开当前页面前使用js判断条件提示是否要离开页面
May 02 Javascript
JS模拟按钮点击功能的方法
Dec 22 Javascript
如何用angularjs制作一个完整的表格
Jan 21 Javascript
javaScript语法总结
Nov 25 Javascript
javascript读取文本节点方法小结
Dec 15 Javascript
canvas学习之API整理笔记(二)
Dec 29 Javascript
bootstrap datetimepicker 日期插件在火狐下出现一条报错信息的原因分析及解决办法
Mar 08 Javascript
详解Angular结合zTree异步加载节点数据
Jan 20 Javascript
JS中的回调函数实例浅析
Mar 21 Javascript
vue2 v-model/v-text 中使用过滤器的方法示例
May 09 Javascript
vue.js实现简单购物车功能
May 30 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源码分析之DZX1.5加密解密函数authcode用法
2015/06/17 PHP
PHP中file_get_contents函数抓取https地址出错的解决方法(两种方法)
2015/09/22 PHP
PHP封装的XML简单操作类完整实例
2017/11/13 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
PHP编程一定要改掉的5个不良习惯
2020/09/18 PHP
js兼容的placeholder属性详解
2013/08/18 Javascript
jquery $.each() 使用小探
2013/08/23 Javascript
jquery弹出框的用法示例(2)
2013/08/26 Javascript
Ext GridPanel加载完数据后进行操作示例代码
2014/06/17 Javascript
实现图片预加载的三大方法及优缺点分析
2014/11/19 Javascript
javascript实现uploadify上传格式以及个数限制
2015/11/23 Javascript
jQuery监听文件上传实现进度条效果的方法
2016/10/16 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
2016/12/02 Javascript
jQuery点击弹出层弹出模态框点击模态框消失代码分享
2017/01/21 Javascript
jQuery正则验证注册页面经典实例
2017/06/10 jQuery
JS实现提交表单前的数字及邮箱校检功能
2017/11/13 Javascript
解决Angular2 router.navigate刷新页面的问题
2018/08/31 Javascript
微信小程序适配iphoneX的实现方法
2018/09/18 Javascript
Vuejs+vue-router打包+Nginx配置的实例
2018/09/20 Javascript
简述pm2常用命令集合及配置文件说明
2019/05/30 Javascript
详解新手使用vue-router传参时注意事项
2019/06/06 Javascript
vue $set 给数据赋值的实例
2019/11/09 Javascript
微信小程序聊天功能的示例代码
2020/01/13 Javascript
使用Angular9和TypeScript开发RPG游戏的方法
2020/03/25 Javascript
[03:12]完美世界DOTA2联赛PWL DAY6集锦
2020/11/05 DOTA
Python中optionParser模块的使用方法实例教程
2014/08/29 Python
python使用自定义user-agent抓取网页的方法
2015/04/15 Python
centos6.5安装python3.7.1之后无法使用pip的解决方案
2019/02/14 Python
Django对models里的objects的使用详解
2019/08/17 Python
在 Windows 下搭建高效的 django 开发环境的详细教程
2020/07/27 Python
入学申请自荐信范文
2014/02/26 职场文书
三好学生评语大全
2014/12/29 职场文书
同学会邀请函模板
2015/01/30 职场文书
员工自我评价范文
2015/03/11 职场文书
治理商业贿赂工作总结
2015/08/10 职场文书
浅谈Python魔法方法
2021/06/28 Java/Android