js实现模拟银行卡账号输入显示效果

本文实例讲述了射流研究…实现模拟银行卡账号输入显示效果。分享给大家供大家参考，具体如下：

先来看运行效果截图如下：

在线演示地址如下：

http://演示。JB 51。net/js/2015/js-Mn-银行卡-输入-样式-代码/

具体代码如下：

脚本语言='javascript '类型='text/javascript '函数www _ jb51 _ net(银行号){ if(银行号。值==' ')返回；定义变量账户=新字符串（银行号值);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 account numeric=account char=' '，I；for(I=0；iaccount . LengTii){ account char=account。substr(I，1)；if(！isNaN (accountChar) (accountChar！=' '))帐户数字=帐户数字帐户字符；}帐户=' ';for(I=0；iaccountNumeric.lengthi ){ /*可将以下空格改为-,效果也不错*/if(I==4)account=account '-'；/* 帐号第四位数后加空格*/if(I==8)account=account '-'；/* 帐号第八位数后加空格*/if(I==12)account=account '-'；/* 帐号第十二位后数后加空格*/account=帐户帐户数字。substr(I，1)} } else { account=' ' account。substring(1，5) ' ' account.substring (6，10) ' ' account.substring (14，18) '-' account.substring(18，25)；}if (account！=银行号值)银行号值=账户；}函数支票银行号(银行号){if(银行号值==' ')返回；if(银行编号value.match(').[0-9]{ 4 }-[0-9]{ 4 }-[0-9]{ 4 }-[0-9]{ 7 } ')==null){ if(bank no。价值。匹配('[0-9]{ 19 } ')！=null)www _ jb51 _ net(银行号)} }函数checkeentforidlisting(e){ var字符代码；如果(e . what){ e=e；character COde=e . what} else { e=EventCharacterCode=e . KeyCode } if(字符代码==22){ document。表单[getNetuiTagName(' findListingForm ')].submit()；返回false} else { return true} }/脚本只能输入数字，并且每输入四位数字会增加一个-br/输入类型=' text ' value=' size=' 25 ' on key up=' www _ jb51 _ net(this)' on key down=' www _ jb51 _ net(this)' name=' account ' id=' account '希望本文所述对大家Java脚本语言程序设计有所帮助。