Jquery实现只能输入数字的文本框

最新推荐文章于 2023-05-06 16:40:48 发布

w809026418

最新推荐文章于 2023-05-06 16:40:48 发布

阅读量1.1k

点赞数

分类专栏： JQuery 文章标签： jquery function html input

本文链接：https://blog.csdn.net/w809026418/article/details/6080542

版权

JQuery 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>Untitled Document</title>
     <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    </head>
    <script type="text/javascript">
        $.fn.numeral = function() {
            $(this).css("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>
    <body>
        <input type="text" id="txt1">
        <input type="text" id="Text2">
    </body>

<script type="text/javascript">
  $("#txt1").numeral();
</script>
</html>

w809026418

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery实现只能输入数字的文本框

<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br /><html><br /> <head><br /> <title>Untitled Document</title><br /> <script type="text/javascript" src="jquery-1.3.2.min.js"></script><br />
复制链接

扫一扫