编程 Javascript

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 相关文章推荐

JavaScript 模仿vbs中的 DateAdd() 函数的代码

Aug 13 Javascript

js输入框邮箱自动提示功能代码实现

Dec 10 Javascript

JS方法调用括号的问题探讨

Jan 24 Javascript

js post提交调用方法

Feb 12 Javascript

JavaScript验证图片类型(扩展名)的函数分享

May 05 Javascript

js中实现字符串和数组的相互转化详解

Jan 24 Javascript

jQuery添加和删除输入文本框标签代码

May 20 Javascript

vuex存值与取值的实例

Nov 06 Javascript

快速解决Vue、element-ui的resetFields()方法重置表单无效的问题

Aug 12 Javascript

vue打包npm run build时候界面报错的解决

Aug 13 Javascript

vue v-model的用法解析

Oct 19 Javascript

vue Element-ui表格实现树形结构表格

Jun 07 Vue.js

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制作静态网站的模板框架(三)

2006/10/09 PHP

PHP加密解密字符串汇总

2015/04/26 PHP

php+mysql实现简单登录注册修改密码网页

2016/11/30 PHP

PHP ElasticSearch做搜索实例讲解

2020/02/05 PHP

javascript attachEvent和addEventListener使用方法

2009/03/19 Javascript

jQuery EasyUI API 中文文档 - Pagination分页

2011/09/29 Javascript

JS实现多物体缓冲运动实例代码

2013/11/29 Javascript

js 获取、清空input type="file"的值示例代码

2014/02/19 Javascript

jquery跨域请求示例分享(jquery发送ajax请求)

2014/03/25 Javascript

js控制iframe的高度/宽度让其自适应内容

2014/04/09 Javascript

ionic2 tabs使用 Modal底部tab弹出框

2016/12/30 Javascript

非常优秀的JS图片轮播插件Swiper的用法

2017/01/03 Javascript

nodejs个人博客开发第二步入口文件

2017/04/12 NodeJs

jQuery EasyUI开发技巧总结

2017/09/26 jQuery

详解从Vue.js源码看异步更新DOM策略及nextTick

2017/10/11 Javascript

基于node下的http小爬虫的示例代码

2018/01/11 Javascript

微信小程序url传参写变量的方法

2018/08/09 Javascript

JavaScript 预解析的4种实现方法解析

2019/09/03 Javascript

layui type2 通过url给iframe子页面传值的例子

2019/09/06 Javascript

如何在JavaScript中等分数组的实现

2020/12/13 Javascript

[02:16]卖萌的僵尸 DOTA2神话信使飞僵小宝来袭

2014/03/24 DOTA

常见的在Python中实现单例模式的三种方法

2015/04/08 Python

Python中的Matplotlib模块入门教程

2015/04/15 Python

python自动裁剪图像代码分享

2017/11/25 Python

Python进阶之自定义对象实现切片功能

2019/01/07 Python

Python 正则表达式 re.match/re.search/re.sub的使用解析

2019/07/22 Python

python3.6 tkinter实现屏保小程序

2019/07/30 Python

Python tkinter模版代码实例

2020/02/05 Python

澳洲国民品牌乡村路折扣店：Country Road & Trenery Outlet

2018/04/19 全球购物

个人教师自我评价范文

2013/12/02 职场文书

黄继光的英雄事迹材料

2014/02/13 职场文书

天堂的孩子观后感

2015/06/11 职场文书

安全教育第一课观后感

2015/06/17 职场文书

婚宴祝酒词大全

2015/08/10 职场文书

浅谈python中的多态

2021/06/15 Python

MySQL中的 inner join 和 left join的区别解析(小结果集驱动大结果集)

2023/05/08 MySQL