正则实现文本框只能输入16个数字,每4位数字后添加一个空格

最新推荐文章于 2023-11-14 11:14:27 发布

转载最新推荐文章于 2023-11-14 11:14:27 发布 · 110 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/shy1766IT/p/5184886.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript实现的限制输入框字符数量的方法，并演示了如何在用户输入数字时自动添加空格进行格式化，同时提供了清除非数字字符的示例。

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

<head>
    <meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" />
    <title></title>
    <!-- http://www.cnblogs.com/babycool -->
    <script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#xxxxxx").keyup(function () {
                //如果输入非数字，则替换为''，如果输入数字，则在每4位之后添加一个空格分隔
                this.value = this.value.replace(/[^\d]/g, '').replace(/(\d{4})(?=\d)/g, "$1 ");
            })
        });
    </script>
</head>
<body>
    限制只能输入19个字符
    <input id="xxxxxx" type="text" name="name" value="" maxlength="19" />
    <br />
  
    <br />
    输入非数字替换为''
    <input type="text" name="name" value="" onkeyup="value=value.replace(/[^\d]/g,'')" />
    <br />
    <br />
</body>