react+taro的文字粘贴识别功能

news2024/11/15 4:34:28

效果图

 <View className="components-page">
              <Textarea
            style="font-size:12PX"
            className="textareaStyle"
            placeholderClass="placeholderStyle"
            placeholder="例:公司:xxxx公司, 电话:13*********, 地址:xxxxxx"
            autoFocus
            onChange={(e) => {
              this.setState({ textareaVal: filterEmojis(e.detail.value) });
            }}
          />
          <AtButton
            className="button"
            type={"primary"}
            onClick={this.handletext}
          >
            识别
          </AtButton>
        </View>

数据格式 

名称:xxx有限公司
纳税人识别号:0000000MA1JBU7E73
地址:xxxx一路65弄18号
电话:15xxxxxxx
开户行:中国工商银行xxx支行
账号:100xxxxxxxxxxxxxxxx
//或者这种格式
xxx科技有限公司,
xxxxxx1H3FHD65,
xxxxx81420000001634,
xxxxx新片区分行,
888号C楼,
021-xxxx
handletext = () => {
    if (!this.state.textareaVal) {
      Toast.fail("不能为空!", 5);
      return;
    }
    let dataArr = [];
    dataArr = this.state.textareaVal.split(/[,,]/);
    if (dataArr.length != 6) {
      Toast.fail("请使用逗号隔开!", 5);
      return;
    }

    // console.log(dataArr, "dataArr", this.state.textareaVal);
    let brr = dataArr.map((item) => {
      return item.replace(/[^a-zA-Z0-9\u4e00-\u9fa5()()::\-]/g, "");
    });
    // console.log(brr, "brr");
    let arr = brr.map((val) => {
      const match = val.match(/(?:[::])([^,,]+)/);
      return match ? match[1] : val;
    });
    // console.log(arr, "arr");

    let regexAdress =
      /.+?(楼|号|栋|幢|室|层|弄|街道|街|胡同|巷|公寓|大道|道|镇|小区|村|县|支路|里|坊)/g;
    let adress = arr.filter((item) => regexAdress.test(item))[0];

    let regexPhone = /\b1[3-9]\d{9}\b|\b(?:\d{3,4}-)?\d{7,8}\b/;
    let phone = arr.filter((item) => regexPhone.test(item))[0];

    let regexCompany =
      /公司|集团|有限公司|有限责任公司|股份公司|股份有限公司|集团有限公司|控股集团|实业公司|科技发展公司|网络技术公司/;
    let company = arr.filter((item) => regexCompany.test(item))[0];

    let regexNumber =
      /^[A-Z0-9]{15}$|^[A-Z0-9]{17}$|^[A-Z0-9]{18}$|^[A-Z0-9]{20}$/;
    let number = arr.filter((item) => regexNumber.test(item))[0];

    let regexBank =
      /(中国银行|工商银行|建设银行|农业银行|招商银行|交通银行|中信银行|光大银行|浦发银行|民生银行|兴业银行|平安银行|广发银行|华夏银行|渤海银行|浙商银行|恒丰银行|中国邮政储蓄银行|国家开发银行|农业发展银行|进出口银行|北京银行|上海银行|江苏银行|南京银行|宁波银行|杭州银行|徽商银行|东莞银行|广州银行|长沙银行|福建海峡银行|厦门银行|齐鲁银行|汉口银行|九江银行|洛阳银行|郑州银行|中原银行|西安银行|兰州银行|青海银行|宁夏银行|乌鲁木齐银行|贵州银行|桂林银行|重庆银行|成都银行|攀枝花市商业银行|自贡市商业银行|泸州市商业银行|绵阳市商业银行|乐山市商业银行|南充市商业银行|宜宾市商业银行|凉山州商业银行|德阳市商业银行|达州银行|遂宁市商业银行|雅安市商业银行|广安市商业银行|甘孜州商业银行|阿坝州商业银行|眉山市商业银行|资阳市商业银行|攀枝花商业银行|自贡市商业银行|内江兴隆村镇银行|上海浦东发展银行|深圳发展银行|广东发展银行|中国农业发展银行|东亚银行|汇丰银行|花旗银行|渣打银行|瑞穗银行|三菱东京日联银行|三井住友银行|韩国友利银行|新韩银行|韩亚银行|德意志银行|法国兴业银行|东方汇理银行|华侨银行|星展银行|大华银行|南洋商业银行|永隆银行|中信嘉华银行|盘谷银行|泰国开泰银行|渣打银行|花旗银行|恒生银行|南洋商业银行|东亚银行|大新银行|集友银行|创兴银行|中银香港)(银行|支行|分行|总行|营业部)?/;
    let bank = arr.filter((item) => regexBank.test(item))[0];

    let regexBankNum = /^\d+$|^\d{4,6}([- ]?\d{3,6}){2,4}$/;
    let bankNum = arr.filter((item) => regexBankNum.test(item))[0];
    // console.log(adress, "地址");
    // console.log(phone, "手机号");
    // console.log(company, "公司名称");
    // console.log(number, "税号");
    // console.log(bank, "银行");
    // console.log(bankNum, "银行账号");
    if (!adress || !phone || !company || !number || !bank || !bankNum) {
      Toast.fail("识别失败!", 5);
      return;
    } else {
      this.setState({
        companyAddress: adress,
        companyTelephone: phone,
        titleName: company,
        taxNumber: number,
        bankOfDeposit: bank,
        bankAccount: bankNum,
      });
    }
  };

写的可能不太好,但是目前能解决数据的识别问题

如果大佬有更好的建议欢迎指点!!谢谢

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1996618.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

MybatisPlus——service批量新增

Service接口 批量新增 批量插入10万条用户数据&#xff0c;并作出对比&#xff1a; 普通for循环插入IService的批量插入 Test void testSaveOneByOne() {long b System.currentTimeMillis();for (int i 1; i < 100000; i) {userService.save(buildUser(i));}long e Sy…

leetcode递归(LCR 024. 反转链表)

前言 经过前期的基础训练以及部分实战练习&#xff0c;粗略掌握了各种题型的解题思路。现阶段开始专项练习。 描述 给定单链表的头节点 head &#xff0c;请反转链表&#xff0c;并返回反转后的链表的头节点。 示例 1&#xff1a; 输入&#xff1a;head [1,2,3,4,5] 输出&am…

2024年6月scratch图形化编程等级考试四级真题

202406 青少年软件编程等级考试Scratch四级真题 试卷总分数&#xff1a;100分 考试时长&#xff1a;60 分钟 第 1 题 运行下列程序&#xff0c;输入单词“PLAY”&#xff0c;最后角色说&#xff1f;&#xff08; &#xff09; A&#xff1a;LY4AP B&#xff1a;AP4LY C&am…

【Linux】【git】创建使用+分支管理+场景模拟

文章目录 引子1. 创建 提交 删除init - - 创建一个初始化的本地仓库config - - 对本地仓库的配置add - - 新增commit - - 提交rm - - 删除 2. 状态查看 和 版本回退log - - 日志status - - 查看diff - - 比较reset - - 版本回退场景模拟1_1 reflog - - 参考日志场景模拟1_2 3. …

K短路(A*算法)

K短路&#xff1a; 在图论中&#xff0c;K短路问题是指在一个图中找到从起点s到终点t的第K短的路径。其中&#xff0c;第1短路径即为最短路径。K短路算法在实际应用中有着广泛的用途&#xff0c;如在通信网络中找到替代的最短路径等。 基本概念 K短路&#xff1a;从起点s到终…

美国服务器稳定么?影响服务器稳定性的6个因素

美国服务器稳定么&#xff1f;美国服务器的稳定性是相当不错的&#xff0c;这主要得益于其先进的技术、成熟的基础设施以及严格的管理措施。美国拥有众多知名的服务器提供商&#xff0c;这些提供商通常会采用顶级的硬件设施&#xff0c;如英特尔、AMD等知名品牌的处理器&#x…

Chromium编译指南2024 - Android篇:前置要求(一)

1.引言 欢迎阅读《Chromium编译指南2024 - Android篇》。本指南旨在帮助开发者理解和掌握在Android平台上编译Chromium的全过程。Chromium是一个开源的浏览器项目&#xff0c;由Google主导开发&#xff0c;并为多个现代浏览器提供基础代码。Android作为全球使用最广泛的移动操…

DirectX_web_setup.exe

F:\Downloads\录屏软件\OBS DirectX_web_setup.exe

IP实现https访问的简易方式

很多项目怕麻烦不愿意申请域名&#xff0c;也不想备案&#xff0c;所以直接用服务器IP地址做WEB项目更快一些&#xff0c;但又想给IP地址申请SSL证书&#xff0c;这种情况下需要用到IP类型的专用SSL证书。 IP SSL证书是支持IP地址实现HTTPS加密的SSL证书&#xff0c;为不能提供…

Linux服务管理(五)Apache服务优化

CustomLog "|/bin/rotatelogs -l /wwwlogs/access_%Y%m%d.log 86400" combined日志旋转可参考这篇文章&#xff1a; https://blog.csdn.net/weixin_43576565/article/details/139989701 要优化首先你得有Apache yum -y install httpd启动 service httpd start写入…

[Qt][按钮类控件]详细讲解

目录 0.按钮状态说明1.Push Button2.Radio Button3.Check Box4.Tool Button 0.按钮状态说明 clicked&#xff1a;⼀次 ⿏标按下⿏标释放 触发pressed&#xff1a;鼠标按下时触发released&#xff1a;鼠标释放时触发toggled&#xff1a;checked属性改变时触发 1.Push Button QP…

seaborn与pandas绘图入门

导入环境 import numpy as np import pandas as pd from numpy.random import randn import matplotlib.pyplot as plt 若是在jupyter notebook编译&#xff0c;需要额外执行下列语句 %matplotlib notebook 该语句在Jupyter Notebook或JupyterLab中使用的IPython魔法命令&…

最新版的AutoGPT,我搭建好了

最近AutoGPT不是更新了嘛 安装 我按照官方的教程 在本地搭建好了 改动 可见的改动&#xff0c;主要是把原来的纯命令行改成前后端的形式 看下前端界面 界面比较简单&#xff0c;主要分3个大块 监控 第一个是监控 主要是看你在 build 里构建的Agents的运行情况 build 第一个是Ag…

C++笔试练习笔记【7】:力扣 91. 解码方法 动态规划练习

文章目录 题目题目分析思路解法正常解法优化解法 题目 题目链接&#xff1a;力扣 91. 解码方法 备用链接&#xff1a;https://leetcode.cn/problems/decode-ways/description/ 题目分析 1.首先我们知道题目给定A~Z编码为1 ~26 &#xff0c;而数字十一字符串的形式给出所以…

js构造函数的prototype赋值总结

我们知道通过构造函数的prototype,可以生成让所有实例对象访问的通用属性和方法,下面通过代码来解释这个过程 function Person(name){this.name name; }Person.prototype.sex man我们定义了一个构造函数Person,然后给它的prototype添加了一个sex的属性,下面我们来看看Person…

MySQL:复杂查询 (一)——聚合函数分组查询联合查询

目录 1、聚合查询 1.1 聚合函数 1.1.1 COUNT() 1.1.2 SUM() 1.1.3 AVG() 1.1.4 MAX()&#xff0c;MIN() 1.2 分组查询 1.2.1 GROUP BY子句 1.2.1.1 round() 1.2.2 HAVING 1.2.3 示例 2、联合查询 2.1 ①取相关表笛卡尔积 2.2 ②过滤无效数据 2.3 ③精简查询结果…

【数据结构】队列,你必须知道的内部原理!!!

&#x1f31e;&#x1f31e;&#x1f31e;生活本就沉闷&#xff0c;但跑起来就会有风 ~~~ 前言&#xff1a; &#x1f31f;&#x1f31f;Hello家人们&#xff0c;这期讲解数据结构队列的基础知识&#xff0c;希望你能帮到屏幕前的你。 &#x1f4da;️上期博客在这里&#xff1…

书生基础岛1-开发全链路

涌现能力&#xff1a;知识到运用的能力。 开源工具箱&#xff1a; 预训练&#xff1a; 微调&#xff1a; 部署&#xff1a; 智能体&#xff1a; 智能体&#xff1a; 知识库构建&#xff1a; RAG&#xff1a;

初识C++ · C++11(1)

目录 前言&#xff1a; 1 统一列表初始化 2 声明 2.1 auto 2.2 decltype 2.3 nullptr 2.4 stl的部分变化 3 右值引用和移动语义 前言&#xff1a; 在C11之前&#xff0c;C98的出现使得C看起来更像是一门独立的语言&#xff0c;C委员会成立后&#xff0c;对外宣称的是5…

神鸟云PCDN业务招募

短Z业务--支持nat0~nat4 省内调度&#xff0c;晚高峰 跑量9成 配置要求: 线路&#xff1a;单条上行30M 硬件&#xff1a;32线程 64内存条 240G系统盘 1G:2T固态盘单价&#xff1a;移动1900 电联2500 镜像下载&#xff1a;http://oss.download.birdicloud.com/box/Cent…