jQuery是一种流行的JavaScript库，旨在简化HTML文档遍历、事件处理、动画和AJAX操作等操作。在开发Web应用程序过程中，经常需要对表单数据进行验证。在本文中，我们将重点介绍如何使用jQuery来验证用户输入的银行卡号。

// 银行卡号校验函数
function checkBankCardNo(cardNo) {
// 银行卡号正则表达式
var pattern = /^([1-9]{1})(\d{14}|\d{18})$/;
// 校验银行卡号是否匹配正则表达式
if (pattern.test(cardNo)) {
// 校验银行卡号的分行号
var subBranchNo = cardNo.substr(0, 6);
if (subBranchNo in BANK_SUB_BRANCH_NO_LIST) {
return true;
} else {
return false;
}
} else {
return false;
}
}

上述代码定义了一个名为checkBankCardNo()的函数，用于检查用户输入的银行卡号是否合法。它利用正则表达式来验证银行卡号是否符合格式要求，即第一位必须是非零数字，其余位必须是15位或18位数字。如果银行卡号符合格式，再校验它的分行号是否存在于银行分行号列表中。

下面是调用checkBankCardNo()函数的示例代码：

$('#bank-card-no-input').on('input', function() {
var cardNo = $(this).val();
if (checkBankCardNo(cardNo)) {
$('#bank-card-no-error').text('');
} else {
$('#bank-card-no-error').text('请输入合法的银行卡号');
}
});

上述代码为输入框绑定了一个input事件，在用户输入银行卡号时即时校验它的合法性。如果输入的银行卡号合法，则清空错误提示信息；否则在错误提示信息区域显示相应的错误提示。