jQuery控制输入框只能输入数值的小例子


Posted in Javascript onMarch 20, 2013
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Test</title>
        <script type="text/javascript" src="jQuery/jquery-1.5.2.js"></script>
    </head>
    <script type="text/javascript">
        $(document).ready(function() {
            //敲击按键时触发
            $("#Score").bind("keypress", function(event) {
                var getValue = $(this).val();
                //控制第一个不能输入小数点"."
                if (getValue.length == 0 && event.which == 46) {
                    event.preventDefault();
                    return;
                }
                //控制只能输入一个小数点"."
                if (getValue.indexOf('.') != -1 && event.which == 46) {
                    event.preventDefault();
                    return;
                }
                //控制只能输入的值
                if (event.which && (event.which < 48 || event.which > 57) && event.which != 8 && event.which != 46) {
                    event.preventDefault();
                    return;
                }
            })
            //失去焦点是触发
            $("#Score").bind("blur", function(event) {
                var value = $(this).val(), reg = /\.$/;
                if (reg.test(value)) {
                    value = value.replace(reg, "");
                    $(this).val(value);
                }
            })
        });
    </script>
    <body>
        <input type="text" id="Score" />
    </body>
</html>
Javascript 相关文章推荐
jQuery UI Dialog 创建友好的弹出对话框实现代码
Apr 12 Javascript
利用jQuery的deferred对象实现异步按顺序加载JS文件
Mar 17 Javascript
javascript十六进制及二进制转化的方法
May 06 Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
May 26 Javascript
高效Web开发的10个jQuery代码片段
Jul 22 Javascript
详解JavaScript调用栈、尾递归和手动优化
Jun 03 Javascript
js实现带进度条提示的多视频上传功能
Dec 13 Javascript
vue登录路由验证的实现
Dec 13 Javascript
vue中简单弹框dialog的实现方法
Feb 26 Javascript
Vue头像处理方案小结
Jul 26 Javascript
详解Vue中使用Axios拦截器
Apr 22 Javascript
layUI的验证码功能及校验实例
Oct 25 Javascript
jQuery实现id模糊查询的小例子
Mar 19 #Javascript
JS文本框不能输入空格验证方法
Mar 19 #Javascript
getComputedStyle与currentStyle获取样式(style/class)
Mar 19 #Javascript
关于scrollLeft,scrollTop的浏览器兼容性测试
Mar 19 #Javascript
input输入框的自动匹配(原生代码)
Mar 19 #Javascript
javascript实现tabs选项卡切换效果(扩展版)
Mar 19 #Javascript
javascript实现tabs选项卡切换效果(自写原生js)
Mar 19 #Javascript
You might like
php数组函数序列之prev() - 移动数组内部指针到上一个元素的位置,并返回该元素值
2011/10/31 PHP
php中将字符串转为HTML的实体引用的一个类
2013/02/03 PHP
Swoole-1.7.22 版本已发布,修复PHP7相关问题
2015/12/31 PHP
ThinkPHP5.0框架验证码功能实现方法【基于第三方扩展包】
2019/03/11 PHP
jquery创建div 实现代码
2009/04/27 Javascript
jquery实现的鼠标下拉滚动置顶效果
2014/07/24 Javascript
jQuery AjaxUpload 上传图片代码
2016/02/02 Javascript
vue2.0开发实践总结之疑难篇
2016/12/07 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
2017/06/13 Javascript
Angular通过angular-cli来搭建web前端项目的方法
2017/07/27 Javascript
js构建二叉树进行数值数组的去重与优化详解
2018/03/26 Javascript
JS/jQuery实现获取时间的方法及常用类完整示例
2019/03/07 jQuery
[15:20]DOTA2亚洲邀请赛总决赛开幕式表演:羽泉献唱
2017/04/05 DOTA
[01:03:13]VG vs Pain 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
在Python 3中实现类型检查器的简单方法
2015/07/03 Python
python re正则匹配网页中图片url地址的方法
2018/12/20 Python
在python 不同时区之间的差值与转换方法
2019/01/14 Python
Python基于opencv调用摄像头获取个人图片的实现方法
2019/02/21 Python
Python3.5常见内置方法参数用法实例详解
2019/04/29 Python
scikit-learn线性回归,多元回归,多项式回归的实现
2019/08/29 Python
pygame实现俄罗斯方块游戏(基础篇3)
2019/10/29 Python
Python用input输入列表的实例代码
2020/02/07 Python
python如何处理程序无法打开
2020/06/16 Python
无惧面试,带你搞懂python 装饰器
2020/08/17 Python
详解CSS3中border-image的使用
2015/07/18 HTML / CSS
莫斯科高科技在线商店:KremlinStore
2019/03/13 全球购物
意大利香水和化妆品购物网站:Parfimo.it
2019/10/06 全球购物
数学与统计学院学生个人职业生涯规划书
2014/02/10 职场文书
计生专干事迹
2014/05/28 职场文书
资源环境与城乡规划管理专业自荐书
2014/09/26 职场文书
质监局领导班子对照检查材料思想汇报
2014/09/27 职场文书
2014年志愿者工作总结
2014/11/20 职场文书
难以忽视的真相观后感
2015/06/05 职场文书
校园歌手大赛主持词
2015/07/03 职场文书
2016年中学法制宣传日活动总结
2016/04/01 职场文书
教你怎么用Python实现GIF动图的提取及合成
2021/06/15 Python