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

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调用代码:

<div class="add_card_group">
<span class="label">卡号</span>
<span class="add_card_input"><input type="text" value="" size="25" onkeyup="formatBankNo(this)" onkeydown="formatBankNo(this)" name="account" placeholder="请输入银行卡号" id="account"></span>
</div>

 

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

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

 

 

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

JQuery验证“银行卡”卡号

    A+
发布日期:2017年11月10日 18:17:34  所属分类:JQuery
最后更新时间:2017-12-15 18:39:45
评分: (1 票;平均数5.00 ;最高评分 5 ;用户总数1;总得分 5;百分比100.00)
头像
wp discux 帝国 dedecms phpcms等快速建站
wp discux 帝国 dedecms phpcms等快速建站
  • ¥ 99.9元
  • 市场价:499.9元
wordpress站群服务 泛解析二级域名 二级目录站群
wordpress站群服务 泛解析二级域名 二级目录站群
  • ¥ 1999.9元
  • 市场价:4800元
SEO顾问 中小型网站 单站最低99.9元 全方位优化
SEO顾问 中小型网站 单站最低99.9元 全方位优化
  • ¥ 99.9元
  • 市场价:5000元
免费SSL证书 HTTPS申请 安装 配置 支持通配符*
免费SSL证书 HTTPS申请 安装 配置 支持通配符*
  • ¥ 199.9元
  • 市场价:20000元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: