编程 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 相关文章推荐

最新优化收藏到网摘代码（digg，diigo）

Feb 07 Javascript

jQuery autocomplete插件修改

Apr 17 Javascript

js 中{},[]中括号,大括号使用详解

May 12 Javascript

actionscript与javascript的区别

May 25 Javascript

Javascript实现的类似Google的Div拖动效果代码

Aug 09 Javascript

JavaScript实现复制功能各浏览器支持情况实测

Jul 18 Javascript

简单实用的全选反选按钮例子

Oct 18 Javascript

Javascript中的回调函数和匿名函数的回调示例介绍

May 12 Javascript

js模式化窗口问题![window.dialogArguments]

Oct 30 Javascript

Angularjs实现搜索关键字高亮显示效果

Jan 17 Javascript

jquery实现图片轮播器

May 23 jQuery

使用VueCli3+TypeScript+Vuex一步步构建todoList的方法

Jul 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