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 相关文章推荐
javascript 播放器 控制
Jan 22 Javascript
理解Javascript_07_理解instanceof实现原理
Oct 15 Javascript
让你的CSS像Jquery一样做筛选的实现方法
Jul 10 Javascript
JavaScript可否多线程? 深入理解JavaScript定时机制
May 23 Javascript
兼容FF和IE的动态table示例自写
Oct 21 Javascript
javascript+HTML5的Canvas实现Lab单车动画效果
Aug 07 Javascript
详解JS中定时器setInterval和setTImeout的this指向问题
Jan 06 Javascript
js导出Excel表格超出26位英文字符的解决方法ES6
Nov 15 Javascript
js继承的这6种方式!(上)
Apr 23 Javascript
原生JS实现pc端轮播图效果
Dec 21 Javascript
jQuery实现增删改查
Dec 22 jQuery
vue中 this.$set的使用详解
Nov 17 Vue.js
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 unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
prototype class详解
2006/09/07 Javascript
Javascript this指针
2009/07/30 Javascript
比Jquery的document.ready更快的方法
2010/04/28 Javascript
javascript学习笔记(三)显示当时时间的代码
2011/04/08 Javascript
javascript 兼容所有浏览器的DOM扩展功能
2012/08/01 Javascript
解析JavaScript中的不可见数据类型
2013/12/02 Javascript
javascript 兼容各个浏览器的事件
2015/02/04 Javascript
fastclick插件导致日期(input[type=&quot;date&quot;])控件无法被触发该如何解决
2015/11/09 Javascript
AngularJS 表达式详细讲解及实例代码
2016/07/26 Javascript
AngularJS Bootstrap详细介绍及实例代码
2016/07/28 Javascript
js enter键激发事件实例代码
2016/08/17 Javascript
jQuery css() 方法动态修改CSS属性
2016/09/25 Javascript
js实现颜色阶梯渐变效果(Gradient算法)
2017/03/21 Javascript
深入理解基于vue-cli的vuex配置
2017/07/24 Javascript
React Native 截屏组件的示例代码
2017/12/06 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
2018/09/07 Javascript
layui的布局和表格的渲染以及动态生成表格的方法
2019/09/18 Javascript
微信小程序间使用navigator跳转传值问题实例分析
2020/03/27 Javascript
python将字典内容存入mysql实例代码
2018/01/18 Python
Python中logging.NullHandler 的使用教程
2018/11/29 Python
python使用suds调用webservice接口的方法
2019/01/03 Python
python开发游戏的前期准备
2019/05/05 Python
Python+pyftpdlib实现局域网文件互传
2020/08/24 Python
捷克鲜花配送:Florea.cz
2018/10/29 全球购物
美国排名第一的葡萄酒俱乐部:Firstleaf Wine Club
2020/01/02 全球购物
小学生暑假感言
2014/02/06 职场文书
知识竞赛主持词
2014/03/26 职场文书
《郑和远航》教学反思
2014/04/16 职场文书
基层党支部公开承诺书
2014/05/29 职场文书
反腐倡廉标语
2014/06/24 职场文书
教育实践活动对照检查材料
2014/09/23 职场文书
酒店工程部的岗位职责汇总大全
2019/10/23 职场文书
解决sql server 数据库,sa用户被锁定的问题
2021/06/11 SQL Server
解析高可用Redis服务架构分析与搭建方案
2021/06/20 Redis
httpclient调用远程接口的方法
2022/08/14 Java/Android