这次给大家带来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>
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
以上是js裡的正規實作數字每隔四位用空格分隔效果的詳細內容。更多資訊請關注PHP中文網其他相關文章!