js开发：正则控制输入银行卡

最新推荐文章于 2024-06-07 16:03:08 发布

Generon

最新推荐文章于 2024-06-07 16:03:08 发布

阅读量3k

点赞数

分类专栏： javascript开发

本文链接：https://blog.youkuaiyun.com/Generon/article/details/72453716

版权

javascript开发专栏收录该内容

23 篇文章

订阅专栏

这段JS代码实现了对用户输入银行卡号的控制和格式化，确保输入符合特定格式。当用户在输入框中输入时，代码会实时检查格式，如果不符合 '[0-9]{4}-[0-9]{4}-[0-9]{4}-[0-9]{7}' 的模式，将会进行格式调整，例如每4位插入空格，最后7位不处理。这有助于提高用户体验并确保输入的正确性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//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" οnkeyup="formatBankNo(this)" οnkeydοwn="formatBankNo(this)" name="account" id="account">