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 call方法使用说明
Jan 11 Javascript
Web开发者必备的12款超赞jQuery插件
Dec 03 Javascript
浅析tr的隐藏和显示问题
Mar 05 Javascript
javascript 用函数实现继承详解
May 28 Javascript
浅谈JavaScript中数组的增删改查
Jun 20 Javascript
移动开发之自适应手机屏幕宽度
Nov 23 Javascript
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
May 07 Javascript
详解element-ui设置下拉选择切换必填和非必填
Jun 17 Javascript
vue fetch中的.then()的正确使用方法
Apr 17 Javascript
基于Ionic3实现选项卡切换并重新加载echarts
Sep 24 Javascript
解决antd 下拉框 input [defaultValue] 的值的问题
Oct 31 Javascript
Vue Element UI自定义描述列表组件
May 18 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中创建并处理图象
2006/10/09 PHP
用php实现像JSP,ASP里Application那样的全局变量
2007/01/12 PHP
Window 7/XP 安装Apache 2.4与PHP 5.4 的过程详解
2013/06/02 PHP
3个PHP多维数组转为一维数组的方法实例
2014/03/13 PHP
php实现倒计时效果
2015/12/19 PHP
浅析Laravel5中队列的配置及使用
2016/08/04 PHP
PHP开发的微信现金红包功能示例
2017/06/29 PHP
解决Laravel blade模板转义html标签的问题
2019/09/03 PHP
Javascript日期对象的dateAdd与dateDiff方法
2008/11/18 Javascript
Jquery作者John Resig自己封装的javascript 常用函数
2009/11/09 Javascript
jQuery 学习6 操纵元素显示效果的函数
2010/02/07 Javascript
javascript中match函数的用法小结
2014/02/08 Javascript
nw.js实现类似微信的聊天软件
2015/03/16 Javascript
实例解析JS布尔对象的toString()方法和valueOf()方法
2015/10/25 Javascript
原生js实现下拉框功能(支持键盘事件)
2017/01/13 Javascript
BOM之navigator对象和用户代理检测
2017/02/10 Javascript
浅谈Vue.js中的v-on(事件处理)
2017/09/05 Javascript
js实现动态改变radio状态的方法
2018/02/28 Javascript
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
2018/03/06 Javascript
node使用promise替代回调函数
2018/05/07 Javascript
layui表单提交到后台自动封装到实体类的方法
2019/09/12 Javascript
微信小程序canvas动态时钟
2020/10/22 Javascript
[08:56]DOTA2-DPC中国联赛2月23日Recap集锦
2021/03/11 DOTA
python实现带错误处理功能的远程文件读取方法
2015/04/29 Python
Python中的Descriptor描述符学习教程
2016/06/02 Python
python决策树之C4.5算法详解
2017/12/20 Python
Python读取txt某几列绘图的方法
2018/10/14 Python
Python 调用 zabbix api的方法示例
2019/01/06 Python
Python爬虫实战之12306抢票开源
2019/01/24 Python
基于Python爬取素材网站音频文件
2020/10/21 Python
使用CSS3来制作消息提醒框
2015/07/12 HTML / CSS
关于.NET, HTML的五个问题
2012/08/29 面试题
网络技术支持面试题
2013/04/22 面试题
实体的生命周期
2013/08/31 面试题
给客户的检讨书
2014/12/21 职场文书
公司客户答谢酒会祝酒词
2015/08/11 职场文书