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

Alice9969

于 2017-12-22 17:09:24 发布

阅读量479

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： js 正则表达式鼠标右击复制粘贴

本文链接：https://blog.youkuaiyun.com/Alice9969/article/details/78875191

jquery 专栏收录该内容

16 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

赋值粘贴即可查看效果：

<!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>