这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 JS 填写银行卡号每隔 4 位数字加一个空格的相关资料, 需要的朋友可以参考下
1、原生 js 写法
- !
- function() {
- document.getElementById('bankCard').onkeyup = function(event) {
- var v = this.value;
- if (/\S{5}/.test(v)) {
- this.value = v.replace(/\s/g, '').replace(/(.{4})/g, "$1 ");
- }
- };
- } ();
2、jQuery 写法
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>
- </title>
- </head>
- <body>
- <input type="text" id="J_BankCard" />
- <script src="http://static.ydCSS.com/libs/jquery/1.11.2/jquery.js">
- </script>
- <script>
- !
- function() {
- $('#J_BankCard').on('keyup mouseout input',
- function() {
- var $this = $(this),
- v = $this.val();
- /\S{5}/.test(v) && $this.val(v.replace(/\s/g, '').replace(/(.{4})/g, "$1 "));
- });
- } ();
- </script>
- </body>
- </html>
以上所述是小编给大家介绍的 JS 填写银行卡号每隔 4 位数字加一个空格,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 phperz 网站的支持!
来源: http://www.phperz.com/article/17/0518/329418.html