表单文本框实现复制字符后自动切割粘贴到不同文本框中

最新推荐文章于 2026-06-25 16:25:48 发布

原创

最新推荐文章于 2026-06-25 16:25:48 发布 · 487 阅读

标签

#低代码

收录于

本文介绍了如何在低代码平台上利用MyApps的表单引擎和前端JQ技术，实现在复制字符串如手机号后，自动将其分割并粘贴到多个文本框中，以展示为xxx-xxxx-xxxx的格式。该方法适用于提升业务效率的常见场景。

常用场景：有些业务场景需要快速复制字符串（例如手机号），粘贴的时候分别放到不同的框中显示（xxx-xxxx-xxxx），这种方法该如何实现？下面将通过MyApps低代码平台的表单引擎通过前端JQ和平台结合的方式为大家呈现。

（实际效果）

(function(){
        var docid=getId();
        var jq="<script>";
        jq+="jQuery(document).ready(function(){";
        //限制字符长度，name为控件名称
        jq+="jQuery("input[name='WMI']").attr('maxlength','3');";
        jq+="jQuery("input[name='VDS']").attr('maxlength','6');";
        jq+="jQuery("input[name='VIS']").attr('maxlength','8');";
        jq+="});";
        //粘贴事件，给第一个文本框设置
        jq+="jQuery("input[name='WMI']").on('paste', function(e){";
        jq+="var pastedText = undefined;";
        jq+="if (window.clipboardData && window.clipboardData.getData) {";
        jq+="pastedText = window.clipboardData.getData('Text');";
        jq+="}else