输入内容仅为数字，即使鼠标右击复制粘贴其他内容也为数字

最新推荐文章于 2024-10-23 12:22:54 发布

原创最新推荐文章于 2024-10-23 12:22:54 发布 · 501 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #正则表达式 #鼠标右击复制粘贴

jquery 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的数字输入限制功能，该功能可以应用于文本框和文本区域，确保用户只能输入数字字符。

赋值粘贴即可查看效果：

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>try</title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>   
</head>
<body>

    数字：
    <input type="text" data-number="shuzi">
    <textarea data-number="shuzi"></textarea>

    <script type="text/javascript">

        $(function(){

            $(document).on("keyup", 'input[data-number=shuzi],textarea[data-number=shuzi]', function () {
                this.value = this.value.replace(/\D/g, '');
            });

            $("input[data-number=shuzi],textarea[data-number=shuzi]").bind('paste', function() {
                var el = $(this);
                setTimeout(function() {
                    var text = $(el).val();
                    var resultVal = text.replace(/\D/g,"");
                    $(el).val(resultVal);
                }, 100);
            });

        })

    </script>


</body>

</html>