基于jquery的设置页面文本框 只能输入数字的实现代码


Posted in Javascript onApril 19, 2011

代码如下:

$("#money").bind("propertychange",function() { 
if(""!=this.value){ 
var str = this.value.replace(/(^\s*)|(\s*$)/g, ""); 
if(this.value != str ) 
this.value = str; 
} 
if( isNaN(Number(this.value))) 
this.value = this.value.replace(/[\D]/,''); 
});

这里使用了JQuery绑定到id为money的文本框的onpropertychange事件上。
下面的代码连小数点也屏蔽掉了
$("#phone").bind("propertychange", function() { 
if(""!=this.value){ 
var str = this.value.replace(/(^\s*)|(\s*$)/g, ""); 
if(this.value != str ) 
this.value = str; 
} 
if (this.value.indexOf('.') != -1) { 
this.value = this.value.replace(/[\.]/, ''); 
this.focus(); } 
if (isNaN(Number(this.value))) { 
this.value = ($.trim(this.value)).replace(/[\D]/, ''); 
this.focus(); } });

最后,最好将输入法屏蔽掉。 通过css,ime-mode:disabled就可以实现。
如果很严格的话,可以再追加上禁止粘贴与拖拽。
禁止粘贴与拖拽实现方法
文本框禁止拖拽和粘贴

在css中实现文本框禁止拖拽和粘贴的功能

建立一个Css,如下:

.TextBox_NotDragpaste { 
ondragenter:expression(ondragenter=function(){return false;}); 
onpaste:expression(onpaste=function(){return false;}); 
}

如果还需要禁止输入中文的功能只需要多加一个语句即可。

如下:

.TextBox_NotDragpaste { 
ime-mode:disabled; 
ondragenter:expression(ondragenter=function(){return false;}); 
onpaste:expression(onpaste=function(){return false;}); 
}
Javascript 相关文章推荐
你所要知道JS(DHTML)中的一些技巧
Jan 09 Javascript
jquery 3D球状导航的文章分类
Jul 06 Javascript
Jquery EasyUI中弹出确认对话框以及加载效果示例代码
Feb 13 Javascript
JS图片无缝、平滑滚动代码
Mar 11 Javascript
JS在IE下缺少标识符的错误
Jul 23 Javascript
直接拿来用的15个jQuery代码片段
Sep 23 Javascript
JS创建对象的写法示例
Nov 04 Javascript
详解layui弹窗父子窗口之间传参数的方法
Jan 16 Javascript
基于游标的分页接口实现代码示例
Nov 12 Javascript
微信小程序 腾讯地图显示偏差问题解决
Jul 27 Javascript
js+css实现全屏侧边栏
Jun 16 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
Nov 12 Javascript
编写自己的jQuery插件简单实现代码
Apr 19 #Javascript
提升你网站水平的jQuery插件集合推荐
Apr 19 #Javascript
分享20款好玩的jQuery游戏
Apr 17 #Javascript
ModelDialog JavaScript模态对话框类代码
Apr 17 #Javascript
JavaScript中的isXX系列是否继续使用的分析
Apr 16 #Javascript
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
Apr 16 #Javascript
表单JS弹出填写提示效果代码
Apr 16 #Javascript
You might like
dedecms中常见问题修改方法总结
2007/03/21 PHP
php安装扩展mysqli的实现步骤及报错解决办法
2017/09/23 PHP
php array_chunk()函数用法与注意事项
2019/07/12 PHP
JavaScript 快捷键设置实现代码
2009/03/13 Javascript
jQuery ReferenceError: $ is not defined 错误的处理办法
2013/05/10 Javascript
js的Boolean对象初始值示例
2014/03/04 Javascript
JavaScript中对象属性的添加和删除示例
2014/05/12 Javascript
JS实现图片无间断滚动代码汇总
2014/07/30 Javascript
bootstrap3中container与container_fluid外层容器的区别讲解
2017/12/04 Javascript
vue.js,ajax渲染页面的实例
2018/02/11 Javascript
webpack 3.X学习之多页面打包的方法
2018/09/04 Javascript
Nodejs监控事件循环异常示例详解
2019/09/22 NodeJs
Vue proxyTable配置多个接口地址,解决跨域的问题
2020/09/11 Javascript
Vue实现简单的留言板
2020/10/23 Javascript
仅用50行代码实现一个Python编写的计算器的教程
2015/04/17 Python
python通过apply使用元祖和列表调用函数实例
2015/05/26 Python
Python中几个比较常见的名词解释
2015/07/04 Python
Python中文件的读取和写入操作
2018/04/27 Python
Python 解决中文写入Excel时抛异常的问题
2018/05/03 Python
Python中请不要再用re.compile了
2019/06/30 Python
Python基于paramunittest模块实现excl参数化
2020/04/26 Python
python3通过udp实现组播数据的发送和接收操作
2020/05/05 Python
python opencv实现简易画图板
2020/08/27 Python
selenium+超级鹰实现模拟登录12306
2021/01/24 Python
CSS3哪些新特性值得称赞
2016/03/02 HTML / CSS
苹果香港官方商城:Apple香港
2016/09/14 全球购物
德国圣伯纳德草药屋:Kräuterhaus Sanct Bernhard(有中文站)
2018/08/05 全球购物
Crocs欧洲官网:Crocs Europe
2020/01/14 全球购物
企业治理工作自我评价
2013/09/26 职场文书
人事助理岗位职责
2013/11/18 职场文书
工厂仓管员岗位职责
2014/01/01 职场文书
新闻学专业个人求职信写作
2014/02/04 职场文书
运动会方阵口号
2014/06/07 职场文书
小学家长学校培训材料
2014/08/24 职场文书
导航工程专业自荐信
2014/09/02 职场文书
家长对孩子的寄语
2015/02/26 职场文书