zoukankan      html  css  js  c++  java
  • 控制输入框只能输入数值

    直接贴代码:

    <!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>
  • 相关阅读:
    bootstrap 兼容 IE8
    在IE8的基础上安装IE11
    前台
    dll 库文件下载地址
    年轻
    linux 异常
    Navicat断网时连不上数据库
    jQuery
    破解版 Teamver 安装
    mysql
  • 原文地址:https://www.cnblogs.com/chenyt/p/2970782.html
Copyright © 2011-2022 走看看