当前位置:   article > 正文

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

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

效果图

  1. <View className="components-page">
  2. <Textarea
  3. style="font-size:12PX"
  4. className="textareaStyle"
  5. placeholderClass="placeholderStyle"
  6. placeholder="例:公司:xxxx公司, 电话:13*********, 地址:xxxxxx"
  7. autoFocus
  8. onChange={(e) => {
  9. this.setState({ textareaVal: filterEmojis(e.detail.value) });
  10. }}
  11. />
  12. <AtButton
  13. className="button"
  14. type={"primary"}
  15. onClick={this.handletext}
  16. >
  17. 识别
  18. </AtButton>
  19. </View>

数据格式 

  1. 名称:xxx有限公司
  2. 纳税人识别号:0000000MA1JBU7E73
  3. 地址:xxxx一路6518
  4. 电话:15xxxxxxx
  5. 开户行:中国工商银行xxx支行
  6. 账号:100xxxxxxxxxxxxxxxx
  7. //或者这种格式
  8. xxx科技有限公司,
  9. xxxxxx1H3FHD65,
  10. xxxxx81420000001634,
  11. xxxxx新片区分行,
  12. 888号C楼,
  13. 021-xxxx
  1. handletext = () => {
  2. if (!this.state.textareaVal) {
  3. Toast.fail("不能为空!", 5);
  4. return;
  5. }
  6. let dataArr = [];
  7. dataArr = this.state.textareaVal.split(/[,,]/);
  8. if (dataArr.length != 6) {
  9. Toast.fail("请使用逗号隔开!", 5);
  10. return;
  11. }
  12. // console.log(dataArr, "dataArr", this.state.textareaVal);
  13. let brr = dataArr.map((item) => {
  14. return item.replace(/[^a-zA-Z0-9\u4e00-\u9fa5()()::\-]/g, "");
  15. });
  16. // console.log(brr, "brr");
  17. let arr = brr.map((val) => {
  18. const match = val.match(/(?:[::])([^,,]+)/);
  19. return match ? match[1] : val;
  20. });
  21. // console.log(arr, "arr");
  22. let regexAdress =
  23. /.+?(楼|号|栋|幢|室|层|弄|街道|街|胡同|巷|公寓|大道|道|镇|小区|村|县|支路|里|坊)/g;
  24. let adress = arr.filter((item) => regexAdress.test(item))[0];
  25. let regexPhone = /\b1[3-9]\d{9}\b|\b(?:\d{3,4}-)?\d{7,8}\b/;
  26. let phone = arr.filter((item) => regexPhone.test(item))[0];
  27. let regexCompany =
  28. /公司|集团|有限公司|有限责任公司|股份公司|股份有限公司|集团有限公司|控股集团|实业公司|科技发展公司|网络技术公司/;
  29. let company = arr.filter((item) => regexCompany.test(item))[0];
  30. let regexNumber =
  31. /^[A-Z0-9]{15}$|^[A-Z0-9]{17}$|^[A-Z0-9]{18}$|^[A-Z0-9]{20}$/;
  32. let number = arr.filter((item) => regexNumber.test(item))[0];
  33. let regexBank =
  34. /(中国银行|工商银行|建设银行|农业银行|招商银行|交通银行|中信银行|光大银行|浦发银行|民生银行|兴业银行|平安银行|广发银行|华夏银行|渤海银行|浙商银行|恒丰银行|中国邮政储蓄银行|国家开发银行|农业发展银行|进出口银行|北京银行|上海银行|江苏银行|南京银行|宁波银行|杭州银行|徽商银行|东莞银行|广州银行|长沙银行|福建海峡银行|厦门银行|齐鲁银行|汉口银行|九江银行|洛阳银行|郑州银行|中原银行|西安银行|兰州银行|青海银行|宁夏银行|乌鲁木齐银行|贵州银行|桂林银行|重庆银行|成都银行|攀枝花市商业银行|自贡市商业银行|泸州市商业银行|绵阳市商业银行|乐山市商业银行|南充市商业银行|宜宾市商业银行|凉山州商业银行|德阳市商业银行|达州银行|遂宁市商业银行|雅安市商业银行|广安市商业银行|甘孜州商业银行|阿坝州商业银行|眉山市商业银行|资阳市商业银行|攀枝花商业银行|自贡市商业银行|内江兴隆村镇银行|上海浦东发展银行|深圳发展银行|广东发展银行|中国农业发展银行|东亚银行|汇丰银行|花旗银行|渣打银行|瑞穗银行|三菱东京日联银行|三井住友银行|韩国友利银行|新韩银行|韩亚银行|德意志银行|法国兴业银行|东方汇理银行|华侨银行|星展银行|大华银行|南洋商业银行|永隆银行|中信嘉华银行|盘谷银行|泰国开泰银行|渣打银行|花旗银行|恒生银行|南洋商业银行|东亚银行|大新银行|集友银行|创兴银行|中银香港)(银行|支行|分行|总行|营业部)?/;
  35. let bank = arr.filter((item) => regexBank.test(item))[0];
  36. let regexBankNum = /^\d+$|^\d{4,6}([- ]?\d{3,6}){2,4}$/;
  37. let bankNum = arr.filter((item) => regexBankNum.test(item))[0];
  38. // console.log(adress, "地址");
  39. // console.log(phone, "手机号");
  40. // console.log(company, "公司名称");
  41. // console.log(number, "税号");
  42. // console.log(bank, "银行");
  43. // console.log(bankNum, "银行账号");
  44. if (!adress || !phone || !company || !number || !bank || !bankNum) {
  45. Toast.fail("识别失败!", 5);
  46. return;
  47. } else {
  48. this.setState({
  49. companyAddress: adress,
  50. companyTelephone: phone,
  51. titleName: company,
  52. taxNumber: number,
  53. bankOfDeposit: bank,
  54. bankAccount: bankNum,
  55. });
  56. }
  57. };

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

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/天景科技苑/article/detail/957941
推荐阅读
相关标签
  

闽ICP备14008679号