jQuery控制输入框只能输入数值的小例子

(编辑：jimmy 日期: 2025/12/25 浏览：3 次 )

复制代码代码如下:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Test</title>
        <script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.5.2.js">    </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中注册和移除事件的4种方式
下一篇：jQuery实现id模糊查询的小例子