@tachybase/plugin-field-bank-card-number
v1.6.1
Published
Bank card number field with formatted display (4 digits per group), smart input and smart copy. Supports up to 21 digits.
Downloads
315
Readme
银行卡号字段插件
简介
这是一个用于显示和输入银行卡号的字段插件,提供格式化显示、智能输入和智能复制功能。
银行卡号格式说明
常见银行卡号位数
不同银行的银行卡号位数和显示格式各不相同:
- 16位:常见,卡面通常显示为 4-4-4-4
- 示例:
6222 0000 0000 0000
- 示例:
- 19位:常见,卡面通常显示为 6-13
- 示例:
622200 0000000000000
- 示例:
- 15位:不常见,如美国运通卡,卡面显示为 4-6-5
- 示例:
3782 822463 10005
- 示例:
- 18位:不常见,如兴业银行,卡面显示为 6-6-6
- 示例:
622909 000000 000000
- 示例:
本插件的设计
为了提供统一、简洁的用户体验,本插件参考支付宝和微信的设计理念:
- 统一格式:所有银行卡号统一采用 4位一组 的显示方式
- 最大长度:虽然银行卡号标准最长为 19位,但参考支付宝的设计,本插件支持最长 21位,以兼容可能的特殊卡号
- 最后一组:当卡号为 21位时,格式为 4-4-4-4-5(最后一组为5位)
功能特性
主要特点
格式化显示:银行卡号自动格式化为每4位一组的形式
- 16位:
1234 5678 9012 3456 - 19位:
1234 5678 9012 3456 789 - 21位:
1234 5678 9012 3456 78901
- 16位:
智能输入:输入时自动添加空格分隔符,无需手动输入空格
智能复制:复制银行卡号时自动去除空格,只复制纯数字
- 显示:
6222 0000 0000 0000 - 复制:
6222000000000000 - 方便粘贴到其他系统(如银行网站、支付平台等)
- 显示:
数据存储:数据库中存储纯数字格式(不含空格)
长度限制:支持最长21位银行卡号
自动过滤:输入时自动过滤非数字字符
使用方法
- 在插件管理中启用"银行卡号字段"插件
- 在创建或编辑数据表时,添加新字段,选择字段类型为"银行卡号"
- 配置字段名称、显示名称等基本信息
- 保存后即可在表单中使用该字段
用户体验
- 输入时:直接输入数字,系统自动添加空格分隔
- 显示时:自动格式化为易读的分组形式
- 复制时:Ctrl+C 或右键复制时,自动去除空格
