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>
  • 相关阅读:
    应用程序跳转
    百度地图集成
    导航 -MapKit
    导航
    定位
    ApexSql Log使用体会
    Oracle学习 第16天
    上来冒个泡吧
    Oracle学习 实战心得总结
    好久没上来冒个泡了,整整一个半月
  • 原文地址:https://www.cnblogs.com/chenyt/p/2970782.html
Copyright © 2011-2022 走看看