在前端开发中，支付表单经常需要校验银行卡号的格式是否正确。为了方便大家快速实现银行卡号的校验，这里介绍一个 npm 包 —— card-verification。
安装
使用 npm 安装：
npm install card-verification
使用 yarn 安装：
yarn add card-verification
使用方法
校验银行卡号是否合法
const { isCardValid } = require('card-verification');
console.log(isCardValid('6222021202011361234')); // true
console.log(isCardValid('62220212020113612')); // falseisCardValid 方法接收一个参数，即银行卡号。返回值为布尔类型，表示是否合法。
该方法支持以下几种银行卡类型：
- 中国银联借记卡
- 中国银联信用卡
- 国外 MasterCard
- 国外 Visa
- 国外 American Express
- 国外 Diners Club
- 国外 Discover
获取银行卡类型
const { getCardType } = require('card-verification');
console.log(getCardType('6222021202011361234')); // 'unionpay'
console.log(getCardType('4916123456789012')); // 'visa'getCardType 方法接收一个参数，即银行卡号。返回值为对应的银行卡类型，字符串类型。如果无法判断银行卡类型，则返回 null。
目前支持的银行卡类型包括：
- 中国银联借记卡（'unionpay-debit'）
- 中国银联信用卡（'unionpay-credit'）
- 国外 MasterCard（'mastercard'）
- 国外 Visa（'visa'）
- 国外 American Express（'amex'）
- 国外 Diners Club（'dinersclub'）
- 国外 Discover（'discover'）
格式化银行卡号
const { formatCardNumber } = require('card-verification');
console.log(formatCardNumber('6222021202011361234')); // '6222 0212 0201 1361 234'
console.log(formatCardNumber('4916123456789012')); // '4916 1234 5678 9012'formatCardNumber 方法接收一个参数，即银行卡号。返回值为格式化后的银行卡号字符串。
示例
下面是一个简单的示例，演示了如何在表单中使用 card-verification 包。
-- -------------------- ---- -------
--------- -----
------
------
-----------------------
-------
------
------
-------
-----
------ -------------------- ----------- ---------
--------
------- -------------------------
-------
------- --------------------------------------------------------------------
--------
----- ---- - -------------------------------
----- --------------- - -------------------------------------------
------------------------------- ------- -- -
-----------------------
----- ---------- - ----------------------
-- ------------------------- -
----------------
- ---- -
-----------------
-
---
----------------------------------------- -- -- -
--------------------- - ----------------------------------------
---
---------
-------
-------在上面的示例中，我们使用了 card-verification 包中的 isCardValid 和 formatCardNumber 方法，实现了输入框中银行卡号的校验和格式化。同时，我们也展示了如何通过 CDN 引入 card-verification 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c93ccdc64669dde5ac2