基于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 array 数组详解
Mar 22 Javascript
js中的前绑定和后绑定详解
Aug 01 Javascript
不使用ajax实现无刷新提交表单
Dec 21 Javascript
JavaScript 对象深入学习总结(经典)
Sep 29 Javascript
javascript实现状态栏中文字动态显示的方法
Oct 20 Javascript
JavaScript预解析及相关技巧分析
Apr 21 Javascript
原生js封装二级城市下拉列表的实现代码
Jun 16 Javascript
JS关闭窗口时产生的事件及用法示例
Aug 20 Javascript
基于ES6 Array.of的用法(实例讲解)
Sep 05 Javascript
angular1配合gulp和bower的使用教程
Jan 19 Javascript
详解Vue中watch的详细用法
Nov 28 Javascript
vue+vuex+json-seiver实现数据展示+分页功能
Apr 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
用Php实现链结人气统计
2006/10/09 PHP
mysql+php分页类(已测)
2008/03/31 PHP
php常用hash加密函数
2014/11/22 PHP
利用php + Laravel如何实现部署自动化详解
2017/10/11 PHP
fix-ie5.js扩展在IE5下不能使用的几个方法
2007/08/20 Javascript
Jquery工作常用实例 使用AJAX使网页进行异步更新
2011/07/26 Javascript
javascript改变position值实现菜单滚动至顶部后固定
2013/01/18 Javascript
Jquery图片滚动与幻灯片的实例代码
2013/04/08 Javascript
使用phantomjs进行网页抓取的实现代码
2014/09/29 Javascript
JavaScript常用基础知识强化学习
2015/12/09 Javascript
jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载(二)
2016/06/22 Javascript
JS设置时间无效问题的解决办法
2017/02/18 Javascript
JavaScript之Canvas_动力节点Java学院整理
2017/07/04 Javascript
基于jQuery的$.getScript方法去加载javaScript文档解析
2017/11/08 jQuery
浅谈vue项目优化之页面的按需加载(vue+webpack)
2017/12/11 Javascript
vue-cli脚手架config目录下index.js配置文件的方法
2018/03/13 Javascript
使用vue-cli打包过程中的步骤以及问题的解决
2018/05/08 Javascript
使用RN Animated做一个“添加购物车”动画的方法
2018/09/12 Javascript
Vue递归实现树形菜单方法实例
2018/11/06 Javascript
Vuepress 搭建带评论功能的静态博客的实现
2019/02/17 Javascript
[00:14]PWL:老朋友Mushi拍VLOG与中国玩家问好
2020/11/04 DOTA
按日期打印Python的Tornado框架中的日志的方法
2015/05/02 Python
深入浅析python继承问题
2016/05/29 Python
详解python调度框架APScheduler使用
2017/03/28 Python
TensorFlow Session会话控制&Variable变量详解
2018/07/30 Python
Python最小二乘法矩阵
2019/01/02 Python
Django rest framework分页接口实现原理解析
2020/08/21 Python
校园新闻广播稿
2014/01/10 职场文书
媒矿安全生产承诺书
2014/05/23 职场文书
检讨书格式
2015/05/07 职场文书
重阳节座谈会主持词
2015/07/03 职场文书
2016年小学党支部创先争优活动总结
2016/04/05 职场文书
python实现图片批量压缩
2021/04/24 Python
详解MySQL的Seconds_Behind_Master
2021/05/18 MySQL
Win11应用商店打开闪退怎么解决? win11应用商店打不开的多种解决办法
2022/04/05 数码科技
bose降噪耳机音能消除人声吗
2022/04/19 数码科技