JS使用正则控制用户输入银行卡号及格式化

 更新时间:2017年05月18日 08:44:40   作者:Generon  
本文通过实例代码给大家介绍了js使用正则表达式控制用户输入银行卡号及格式化的方法,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧

//js正则实现用户输入银行卡号的控制及格式化

<script language="javascript" type="text/javascript">
function formatBankNo (BankNo){
  if (BankNo.value == "") return;
  var account = new String (BankNo.value);
  account = account.substring(0,22); /*帐号的总数, 包括空格在内 */
  if (account.match (".[0-9]{4}-[0-9]{4}-[0-9]{4}-[0-9]{7}") == null){
    /* 对照格式 */
    if (account.match (".[0-9]{4}-[0-9]{4}-[0-9]{4}-[0-9]{7}|" + ".[0-9]{4}-[0-9]{4}-[0-9]{4}-[0-9]{7}|" +
    ".[0-9]{4}-[0-9]{4}-[0-9]{4}-[0-9]{7}|" + ".[0-9]{4}-[0-9]{4}-[0-9]{4}-[0-9]{7}") == null){
      var accountNumeric = accountChar = "", i;
      for (i=0;i<account.length;i++){
        accountChar = account.substr (i,1);
        if (!isNaN (accountChar) && (accountChar != " ")) accountNumeric = accountNumeric + accountChar;
      }
      account = "";
      for (i=0;i<accountNumeric.length;i++){  /* 可将以下空格改为-,效果也不错 */
        if (i == 4) account = account + " "; /* 帐号第四位数后加空格 */
        if (i == 8) account = account + " "; /* 帐号第八位数后加空格 */
        if (i == 12) account = account + " ";/* 帐号第十二位后数后加空格 */
        account = account + accountNumeric.substr (i,1)
      }
    }
  }
  else
  {
    account = " " + account.substring (1,5) + " " + account.substring (6,10) + " " + account.substring (14,18) + "-" + account.substring(18,25);
  }
  if (account != BankNo.value) BankNo.value = account;
}
</script>
<input type="text" value="" size="25" onkeyup="formatBankNo(this)" onkeydown="formatBankNo(this)" name="account" id="account">

以上所述是小编给大家介绍的JS使用正则控制用户输入银行卡号及格式化,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 半小时精通正则表达式-精华版

    半小时精通正则表达式-精华版

    这篇文章主要介绍了半小时精通正则表达式-精华版,需要的朋友可以参考下
    2015-12-12
  • 常用正则表达式范例 方便表单验证

    常用正则表达式范例 方便表单验证

    常用正则表达式范例 方便表单验证,推荐大家收藏,以后在前台js验证中可以直接拿来用,强烈建议先理解后使用的原则。
    2009-09-09
  • 常用的正则表达式集锦

    常用的正则表达式集锦

    今天我将分别用PHP和Javascript向大家介绍WEB开发中最常用最实用的正则表达式及其用法,正则表达式是一门学科,不可能使用一篇文章来讲解完,理论的东西网上很多,有兴趣的同学可以搜一大把。
    2014-09-09
  • js中string之正则表达式replace方法详解

    js中string之正则表达式replace方法详解

    本篇文章主要介绍了js中string之正则表达式replace方法详解,replace方法是javascript涉及到正则表达式中较为复杂的一个方法,严格上说应该是string对象的方法。
    2017-03-03
  • 关于正则表达式基本语法的应用详解(必看篇)

    关于正则表达式基本语法的应用详解(必看篇)

    下面小编就为大家带来一篇关于正则表达式基本语法的应用详解(必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • JS 正则表达式用法介绍

    JS 正则表达式用法介绍

    正则表达式是一种可以用于模式匹配和替换的强有力的工具
    2014-05-05
  • 浅析正则表达式-替换原则(.NET) 图文

    浅析正则表达式-替换原则(.NET) 图文

    最近经常用到替换的东西所以就出来整理下,这里要分享的是正则表达式里面的替换原则,首先要声明的是这里提及到的替换原则是.NET里面的正则表达式的替换原则
    2016-05-05
  • 用正则表达式来表示中文

    用正则表达式来表示中文

    用正则表达式来表示中文...
    2007-04-04
  • 正则删除字符串左、右或两端的空格经验总结

    正则删除字符串左、右或两端的空格经验总结

    我们经常需要获取文本框中用户输入的信息,然后通过ajax或form提交到后台,数据中难免要包含一些空格,因此我们有必要在将数据传输到后台之前,消除数据两端的空格,看一看希望可以帮助到你
    2013-03-03
  • 正则表达式详析+常用示例

    正则表达式详析+常用示例

    这篇文章主要介绍了正则表达式详析+常用示例,正则表达式就是用来操作字符串的一种逻辑公式,下面小编将用示例的方法来介绍正则表达式的相关内容,需要的小伙伴可以参考一下
    2022-01-01

最新评论