基于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 相关文章推荐
Javascript - HTML的request类
Jul 15 Javascript
JavaScript 动态添加表格行 使用模板、标记
Oct 24 Javascript
DWR实现模拟Google搜索效果实现原理及代码
Jan 30 Javascript
JQuery的$命名冲突详细解析
Dec 28 Javascript
js onmousewheel事件多次触发问题解决方法
Oct 17 Javascript
JavaScript使用Math.Min返回两个数中较小数的方法
Apr 06 Javascript
JQuery实现超链接鼠标提示效果的方法
Jun 10 Javascript
学习JavaScript设计模式(多态)
Nov 25 Javascript
jQuery插件Validation表单验证详解
May 26 jQuery
JavaScript定时器使用方法详解
Mar 26 Javascript
Vue的data、computed、watch源码浅谈
Apr 04 Javascript
Vue初始化中的选项合并之initInternalComponent详解
Jun 11 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
全国FM电台频率大全 - 20 广西省
2020/03/11 无线电
在windows iis5下安装php4.0+mysql之我见
2006/10/09 PHP
PHP curl_setopt()函数实例代码与参数分析
2011/06/02 PHP
PHP+Mysql日期时间如何转换(UNIX时间戳和格式化日期)
2012/07/15 PHP
1亿条数据如何分表100张到Mysql数据库中(PHP)
2015/07/29 PHP
YII使用url组件美化管理的方法
2015/12/28 PHP
Zend Framework教程之Zend_Helpers动作助手ViewRenderer用法详解
2016/07/20 PHP
游戏人文件夹程序 ver 3.0
2006/07/14 Javascript
使Ext的Template可以解析二层的json数据的方法
2007/12/22 Javascript
jQuery动画特效实例教程
2014/08/29 Javascript
原生js和jQuery随意改变div属性style的名称和值
2014/10/22 Javascript
node.js中的querystring.parse方法使用说明
2014/12/10 Javascript
ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
2016/09/06 Javascript
使用jQuery.Pin垂直滚动时固定导航
2017/05/24 jQuery
React Native 环境搭建的教程
2017/08/19 Javascript
一种angular的方法级的缓存注解(装饰器)
2018/03/13 Javascript
JS实现处理时间,年月日,星期的公共方法示例
2019/05/31 Javascript
vue页面加载时的进度条功能(实例代码)
2020/01/13 Javascript
微信小程序实现canvas分享朋友圈海报
2020/06/21 Javascript
使用node-media-server搭建一个简易的流媒体服务器
2021/01/20 Javascript
[00:09]DOTA2全国高校联赛 精彩活动引爆全场
2018/05/30 DOTA
Python抓取Discuz!用户名脚本代码
2013/12/30 Python
Python中XlsxWriter模块简介与用法分析
2018/04/24 Python
python更改已存在excel文件的方法
2018/05/03 Python
Python字典循环添加一键多值的用法实例
2019/01/20 Python
python设计tcp数据包协议类的例子
2019/07/23 Python
html5中canvas图表实现柱状图的示例
2017/11/13 HTML / CSS
世界上最大的在线旅行社新加坡网站:Expedia新加坡
2016/08/25 全球购物
意大利专业化妆品品牌:KIKO MILANO
2017/02/01 全球购物
Java程序员常见面试题
2015/07/16 面试题
消防安全宣传标语
2014/06/07 职场文书
党的群众路线教育实践活动个人整改措施落实情况
2014/11/04 职场文书
2015年七一建党节演讲稿
2015/03/19 职场文书
停水通知
2015/04/16 职场文书
功夫熊猫观后感
2015/06/10 职场文书
Django程序的优化技巧
2021/04/29 Python