您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

js里的正则实现数字每隔四位用空格分隔效果

2024/12/27 2:25:46发布25次查看
这次给大家带来js里的正则实现数字每隔四位用空格分隔效果,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>
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
正则表达式教程的位置匹配教程(附代码)
在jq中正则验证不能含有中文的方法
以上就是js里的正则实现数字每隔四位用空格分隔效果的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product