JavaScript中校验银行卡号的实现代码

发布时间 - 2026-01-10 21:55:12    点击率:

1、先引入jquery.js

2、接着引入luhmCheck.js  //银行卡号Luhm校验

3、看下面的案例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>无标题页</title>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/luhmCheck.js"></script>
  </head>
  <body>
    <input type="text" id="t_bankno" />
    <input type="button" id="btnCheck" value="check" onclick="CheckBankNo($('#t_bankno'));" />
    <span id="banknoInfo"></span>
  </body>
</html>

下面是js

<script type="text/javascript">
  function CheckBankNo(t_bankno) {
    var bankno = $.trim(t_bankno.val());
    if(bankno == "") {
      $("#banknoInfo").html("请填写银行卡号");
     return false;
   }
   if(bankno.length < 16 || bankno.length > 19) {
     $("#banknoInfo").html("银行卡号长度必须在16到19之间");
     return false;
   }
   var num = /^\d*$/; //全数字
   if(!num.exec(bankno)) {
     $("#banknoInfo").html("银行卡号必须全为数字");
     return false;
   }
   //开头6位
   var strBin = "10,18,30,35,37,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,58,60,62,65,68,69,84,87,88,94,95,98,99";
   if(strBin.indexOf(bankno.substring(0, 2)) == -1) {
     $("#banknoInfo").html("银行卡号开头6位不符合规范");
     return false;
   }
   //Luhm校验(新)
   if(!luhmCheck(bankno))
     return false;
     $("#banknoInfo").html("验证通过!");
     return true;
   }
</script>

测试卡号:

1、6222600810010710887

2、6225881414207430

以上所述是小编给大家介绍的JavaScript中校验银行卡号的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!


# js  # 校验银行卡号  # js jquery验证银行卡号信息正则学习  # JS使用正则控制用户输入银行卡号及格式化  # JS代码随机生成姓名、手机号、身份证号、银行卡号  # js实现模拟银行卡账号输入显示效果  # js格式化输入框内金额、银行卡号  # JS填写银行卡号每隔4位数字加一个空格  # 解决javascript 全局变量失效的问题  # js手机号4位显示空格  # 银行卡每4位显示空格效果  # nodejs利用http模块实现银行卡所属银行查询和骚扰电话验证示例  # JS实现的获取银行卡号归属地及银行卡类型操作示例  # 卡号  # 小编  # 在此  # 给大家  # 不符合  # 请填写  # 所述  # 给我留言  # 感谢大家  # 无标题  # 疑问请  # 有任何  # text  # type  # javascript  # body  # src  # script  # xhtml  # xmlns 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 如何在宝塔面板中创建新站点?  laravel怎么实现图片的压缩和裁剪_laravel图片压缩与裁剪方法  轻松掌握MySQL函数中的last_insert_id()  学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?  如何在Windows服务器上快速搭建网站?  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱?  Python数据仓库与ETL构建实战_Airflow调度流程详解  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的,背景音乐、音效等?  phpredis提高消息队列的实时性方法(推荐)  高端企业智能建站程序:SEO优化与响应式模板定制开发  Laravel如何构建RESTful API_Laravel标准化API接口开发指南  如何在万网自助建站中设置域名及备案?  Laravel怎么判断请求类型_Laravel Request isMethod用法  移动端脚本框架Hammer.js  Laravel如何配置中间件Middleware_Laravel自定义中间件拦截请求与权限校验【步骤】  SQL查询语句优化的实用方法总结  详解ASP.NET 生成二维码实例(采用ThoughtWorks.QRCode和QrCode.Net两种方式)  韩国服务器如何优化跨境访问实现高效连接?  Firefox Developer Edition开发者版本入口  Android自定义控件实现温度旋转按钮效果  Laravel如何处理文件上传_Laravel Storage门面实现文件存储与管理  Win11搜索栏无法输入_解决Win11开始菜单搜索没反应问题【技巧】  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作?  怎么用AI帮你设计一套个性化的手机App图标?  Win11怎么开启自动HDR画质_Windows11显示设置HDR选项  Laravel怎么定时执行任务_Laravel任务调度器Schedule配置与Cron设置【教程】  Win11任务栏卡死怎么办 Windows11任务栏无反应解决方法【教程】  微信小程序 require机制详解及实例代码  Laravel项目怎么部署到Linux_Laravel Nginx配置详解  Laravel如何生成API文档?(Swagger/OpenAPI教程)  Laravel怎么集成Vue.js_Laravel Mix配置Vue开发环境  三星、SK海力士获美批准:可向中国出口芯片制造设备  如何基于PHP生成高效IDC网络公司建站源码?  如何在服务器上三步完成建站并提升流量?  Android中AutoCompleteTextView自动提示  谷歌浏览器如何更改浏览器主题 Google Chrome主题设置教程  Laravel 419 page expired怎么解决_Laravel CSRF令牌过期处理  Laravel怎么为数据库表字段添加索引以优化查询  Android滚轮选择时间控件使用详解  Laravel如何记录日志_Laravel Logging系统配置与自定义日志通道  Android okhttputils现在进度显示实例代码  Laravel如何实现一对一模型关联?(Eloquent示例)  Laravel如何生成URL和重定向?(路由助手函数)  linux top下的 minerd 木马清除方法  如何在 Pandas 中基于一列条件计算另一列的分组均值  做企业网站制作流程,企业网站制作基本流程有哪些?  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode(.NET组件介绍之四)  如何用西部建站助手快速创建专业网站?  七夕网站制作视频,七夕大促活动怎么报名?  高防服务器租用指南:配置选择与快速部署攻略