天翎MyApps技术社区 - 低代码平台 | 流程管理系统 | BPM软件

 找回密码
 注册成为天翎用户
查看: 2778|回复: 0

[常见问题] 【5.0】复制字符后切割粘贴到不同文本框中

[复制链接]
Chain 发表于 2022-4-1 11:14:46 | 显示全部楼层 |阅读模式
常用场景:有些业务场景需要快速复制字符串(例如手机号),粘贴的时候分别放到不同的框中显示(xxx-xxxx-xxxx),可以使用该方法。(因为平台没有现成的方法可以调用,只能通过前端JQ和平台结合的方式)
  1. (function(){
  2.         var docid=getId();
  3.         var jq="<script>";
  4.         jq+="jQuery(document).ready(function(){";
  5.         //限制字符长度,name为控件名称
  6.         jq+="jQuery("input[name='WMI']").attr('maxlength','3');";
  7.         jq+="jQuery("input[name='VDS']").attr('maxlength','6');";
  8.         jq+="jQuery("input[name='VIS']").attr('maxlength','8');";
  9.         jq+="});";
  10.         //粘贴事件,给第一个文本框设置
  11.         jq+="jQuery("input[name='WMI']").on('paste', function(e){";
  12.         jq+="var pastedText = undefined;";
  13.         jq+="if (window.clipboardData && window.clipboardData.getData) {";
  14.         jq+="pastedText = window.clipboardData.getData('Text');";
  15.         jq+="}else{";
  16.         jq+="pastedText = e.originalEvent.clipboardData.getData('Text');";
  17.         jq+="}";
  18.         jq+="var data = pastedText;";
  19.         //触发平台刷新重计算
  20.         jq+="var targetObj = {WMI: [0,3], VDS: [3,9], VIS: [9,17],ChassisVIN: [0,20]};";
  21.         jq+="var docId ='" + docid+ "';";
  22.         jq+="var params = {errcode: 0, type:'split', data, targetObj, docId};";
  23.         jq+="window.splitTextboxValue(params);";
  24.         //获取剪切板数据进行分割并赋值到文本框
  25.         jq+="jQuery("input[name='WMI']").val(pastedText.substring(0,3));";
  26.         jq+="jQuery("input[name='VDS']").val(pastedText.substring(3,9));";
  27.         jq+="jQuery("input[name='VIS']").val(pastedText.substring(9,17));";
  28.         jq+="});";
  29.         jq+="</script>";
  30.         return jq;
  31. })();
复制代码


复制粘贴切割.gif

本版积分规则

QQ|手机版|天翎MyApps技术社区 ( 粤ICP备11093750号 )

GMT+8, 2026-8-12 03:59

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表