js正则表达式实现数字每隔四位用空格分隔代码
更新时间：2016年12月26日 14:29:47 投稿：mdxy-dxy
这篇文章主要介绍了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）.子表达式可以参阅正则表达式分组一章节。
相关文章
这篇文章主要介绍了正则表达式处理图片地址、img标签的方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-05-05
grep 是一种强大的文本搜索工具，它能使用正则表达式搜索文本，并把匹配的行打印出来。下面通过本文给大家分享Linux grep与正则表达式的相关知识，感兴趣的朋友一起看看吧2017-07-07
这篇文章主要介绍了 一个容易犯错的js手机号码验证正则表达式(推荐),需要的朋友可以参考下2017-03-03
这篇文章主要介绍了Notepad++ 使用正则表达式匹配的相关资料,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-04-04
我们在加内容时,无论你怎么样排版都好,我们都是无法将里面的图片或是别的什么东西抽出来的.2009-01-01
最短匹配应用于：假如有一段文本，你只想匹配最短的可能，而不是最长。下面这篇文章主要给大家介绍了关于正则表达式中最短匹配模式用法的相关资料，文中介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。2017-07-07
本文是小编给大家收集整理的关于正则表达式小结，非常不错，具有参考借鉴价值，需要的朋友一起看看吧2016-12-12
正则表达式也称为模式表达式，自身具有一套非常完整的、可以编写模式的语法体系，提供了一种灵活且直观的字符串处理方法，本文给大家介绍正则表达式如何在PHP里巧妙的应用，需要的朋友参考下吧2016-03-03
正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。知道这20个正则表达式，能让你少写1000行代码，想知道吗2016-04-04
看到一个JS正则的题...2007-01-01
最新评论