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 相关文章推荐
js 弹出新页面避免被浏览器、ad拦截的一种新方法
Apr 30 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
Feb 02 Javascript
jQuery层次选择器用法示例
Sep 09 Javascript
微信小程序 本地图片按照屏幕尺寸处理
Aug 04 Javascript
React根据宽度自适应高度的示例代码
Oct 11 Javascript
Vue多组件仓库开发与发布详解
Feb 28 Javascript
微信小程序自定义单项选择器样式
Jul 25 Javascript
vue 封装 Adminlte3组件的实现
Mar 18 Javascript
微信小程序 scroll-view的使用案例代码详解
Jun 11 Javascript
深入了解Vue3模板编译原理
Nov 19 Vue.js
原生JS运动实现轮播图
Jan 02 Javascript
详解vue身份认证管理和租户管理
May 25 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
Ajax PHP分页演示
2007/01/02 PHP
C# Assembly类访问程序集信息
2009/06/13 PHP
php的zip解压缩类pclzip使用示例
2014/03/14 PHP
PHP中strtr字符串替换用法详解
2014/11/26 PHP
php json_encode与json_decode详解及实例
2016/12/13 PHP
PHP实现广度优先搜索算法(BFS,Broad First Search)详解
2017/09/16 PHP
Javascript 学习书 推荐
2009/06/13 Javascript
Prototype 学习 工具函数学习($A方法)
2009/07/12 Javascript
Dom 学习总结以及实例的使用介绍
2013/04/24 Javascript
Node.js开发指南中的简单实例(mysql版)
2013/09/17 Javascript
JS:window.onload的使用介绍
2013/11/13 Javascript
jQuery控制cookie过期时间的方法
2015/04/07 Javascript
Javascript中的getUTCDay()方法使用详解
2015/06/10 Javascript
javascript实现的多个层切换效果通用函数实例
2015/07/06 Javascript
js实现页面跳转的五种方法推荐
2016/03/10 Javascript
bootstrap中使用google prettify让代码高亮的方法
2016/10/21 Javascript
Webpack实战加载SVG的方法
2017/12/26 Javascript
Vuejs开发环境搭建及热更新【推荐】
2018/09/07 Javascript
开发中常用的25个JavaScript单行代码(小结)
2019/06/28 Javascript
JavaScript遍历数组的方法代码实例
2020/01/14 Javascript
Vue时间轴 vue-light-timeline的用法说明
2020/10/29 Javascript
[51:53]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第二场 11.01
2020/11/02 DOTA
python编程开发之textwrap文本样式处理技巧
2015/11/13 Python
python: 判断tuple、list、dict是否为空的方法
2018/10/22 Python
记录Python脚本的运行日志的方法
2019/06/05 Python
利用python计算windows全盘文件md5值的脚本
2019/07/27 Python
python socket 聊天室实例代码详解
2019/11/14 Python
python logging添加filter教程
2019/12/24 Python
最耐用行李箱,一箱永流传:Briggs & Riley(全球终身保修)
2017/12/07 全球购物
仓库主管岗位职责
2014/03/02 职场文书
工会换届选举方案
2014/05/21 职场文书
我的大学四年规划书范文2014
2014/09/26 职场文书
2014年酒店年度工作总结
2014/12/10 职场文书
学习型家庭事迹材料(2016精选版)
2016/02/29 职场文书
卖车协议书范文
2016/03/23 职场文书
Python代码风格与编程习惯重要吗?
2021/06/03 Python