jQuery控制輸入框只能輸入數(shù)值的小例子

更新時間：2013年03月20日 11:42:07 作者：

jQuery控制輸入框只能輸入數(shù)值的小例子，需要的朋友可以參考一下

<!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() {
            //敲擊按鍵時觸發(fā)
            $("#Score").bind("keypress", function(event) {
                var getValue = $(this).val();
                //控制第一個不能輸入小數(shù)點"."
                if (getValue.length == 0 && event.which == 46) {
                    event.preventDefault();
                    return;
                }
                //控制只能輸入一個小數(shù)點"."
                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;
                }
            })
            //失去焦點是觸發(fā)
            $("#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>