• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    js正则表达式实现数字每隔四位用空格分隔代码

    数字每隔四位用空格分隔代码实例:
    分享一段代码实例,它实现了数字每隔四位就用空格分隔。
    这样的效果在填写银行卡的时候十分常见,这也是非常人性化的举措。

    代码实例如下:

    !doctype html>
    html>
    head>
    meta charset="utf-8">
    title>脚本之家/title>
    script src="http://libs.baidu.com/jquery/1.9.0/jquery.js">/script>
    script>
    $(document).ready(function () {
     $('#ant').on('keyup mouseout input', function () {
      var $this = $(this);
      var v = $this.val();
      /\S{5}/.test(v)  $this.val(v.replace(/\s/g, '').replace(/(.{4})/g, "$1 "));
     });
    })
    /script>
    /head>
    body>
    input type="text" id="ant" />
    /body>
    /html>

    上面的代码实现了我们的要求,更多内容可以参阅相关阅读。

    相关阅读:

    (1).on()可以参阅jquery on()绑定事件处理函数详解一章节。
    (2).keyup事件可以参阅jQuery keyup事件一章节。
    (3).val()方法可以参阅jQuery val()方法一章节。
    (4).test()方法可以参阅正则表达式test()函数一章节。
    (5).replace()可以参阅正则表达式replace()函数一章节。
    (6).$1可以参阅正则表达式replace()函数一章节。
    (7).子表达式可以参阅正则表达式分组一章节。

    您可能感兴趣的文章:
    • JS正则表达式验证账号、手机号、电话和邮箱是否合法
    • js正则表达式验证密码强度【推荐】
    • JS 密码强度校验的正则表达式(简单且好用)
    • JavaScript正则表达式替换字符串中图片地址(img src)的方法
    • js正则表达式最长匹配(贪婪匹配)和最短匹配(懒惰匹配)用法分析
    • JS中关于正则的巧妙操作
    上一篇:Java 正则表达式匹配模式(贪婪型、勉强型、占有型)
    下一篇:javascript将字符串中的多个空格替换为一个空格的正则实例
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    js正则表达式实现数字每隔四位用空格分隔代码 正则,表达式,实现,数字,