编程 Javascript

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之WEB开发调试利器:Firebug 下载

Jan 13 Javascript

JQuery上传插件Uploadify使用详解及错误处理

Apr 27 Javascript

分享10篇优秀的jQuery幻灯片制作教程及应用案例

Apr 16 Javascript

使用jquery 简单实现下拉菜单

Jan 14 Javascript

JavaScript中双向数据绑定详解

May 03 Javascript

ES6学习教程之模板字符串详解

Oct 09 Javascript

详解Vue项目在其他电脑npm run dev运行报错的解决方法

Oct 29 Javascript

IE8中jQuery.load()加载页面不显示的原因

Nov 15 jQuery

vue使用微信扫一扫功能的实现代码

Apr 11 Javascript

Vue切换组件实现返回后不重置数据,保留历史设置操作

Jul 21 Javascript

javascript前端和后台进行数据交互方法示例

Aug 07 Javascript

js实现验证码干扰（动态）

Feb 23 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