jquery 只允许输入数字的示例

作者：袖梨 2022-06-25

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> jquery 只允许输入数字的示例</title>
<script src="lib/jquery-1.3.2.js" type="text/javascript"></script>
 <script type="text/javascript">
        $.fn.numeral = function() {
            $(this).<a href="http://www.111com.net/cssdiv/css.html" target="_blank">css</a>("ime-mode", "disabled");
            this.bind("keypress",function() {
                if (event.keyCode == 46) {
                    if (this.value.indexOf(".") != -1) {
                        return false;
                    }
                } else {
                    return event.keyCode >= 46 && event.keyCode <= 57;
                }
            });
            this.bind("blur", function() {
                if (this.value.lastIndexOf(".") == (this.value.length - 1)) {
                    this.value = this.value.substr(0, this.value.length - 1);
                } else if (isNaN(this.value)) {
                    this.value = "";
                }
            });
            this.bind("paste", function() {
                var s = clipboardData.getData('text');
                if (!/D/.test(s));
                value = s.replace(/^0*/, '');
                return false;
            });
            this.bind("dragenter", function() {
                return false;
            });
            this.bind("keyup", function() {
            if (/(^0+)/.test(this.value)) {
                this.value = this.value.replace(/^0*/, '');
                } 
            });
        };
    </script>
</head>

<body>
<form id="form1">
 <input type="text" id="txt1">
        <input type="text" id="Text2">
</form>
<script type="text/javascript">
   $("#txt1").numeral();
</script>
</body>
</html>

提示：您可以先修改部分代码再运行

jquery 只允许输入数字的示例

相关文章

精彩推荐