html5 银行卡号校验,JQuery验证“银行卡”卡号 代码实例

该博客介绍了一个使用jQuery实现的函数,用于验证和格式化银行卡号。函数主要检查银行卡号是否符合特定格式,并在符合格式的情况下添加间隔符。在HTML中,可以调用该函数去除卡号中的空格并进行格式处理。示例代码展示了如何在前端实现这一功能。

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

jQuery函数:

//验证银行卡号

function formatBankNo(BankNo) {

if(BankNo == "") return;

var account = new String(BankNo);

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);

}

return account;

}

HTML调用代码:

卡号

注意:获取值试去除下空格

//卡号

var account = $('#account').val();

account  = account.replace(/\s/g,'');//去除卡号中的空格

我用此代码亲测的效果图如下:

6e384f48f5bf49a49128e11e5f7a2955.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值