如何在 jquery 掩码中删除空格

Posted

技术标签:

【中文标题】如何在 jquery 掩码中删除空格【英文标题】:How to remove space in jquery masking 【发布时间】:2018-09-09 19:52:09 【问题描述】:

用户复制输入字符串:"A344 34" //带空格的字符串

文本框中的预期输出值:“A34434”

问题:使用以下代码:获取结果为:“A344”//并跳过剩余的字符。

$('#pmField').mask('XXXXXX', 
    translation: 
        'X': 
            pattern: /[A-Za-z0-9]/, optional: true
        
    
);

//输入文本框。

【问题讨论】:

【参考方案1】:

为什么不使用 javascript 来执行此操作,使用下面的代码非常简单 我已对其进行编辑以使变量显示在文本框中

来源:Remove spaces in a Javascript variable

<input type="text" id="mytext" name="mytext" value="">

    <script>

    var a = "A344 34";
    a=a.replace(/\s/g, "");
    alert(a);

    var test = "Hello";
     document.getElementById("mytext").value = a;
    </script>

如果你坚持使用 jquery,那么@VSri58 已经按照下面的代码实现了类似的解决方案

你好

        $("#test").on('click', function()
            //var songToTrim = $(this).html();
var songToTrim = 'A344 34';
           var trm  = songToTrim.replace(/ /g,'');
    // try this
    document.getElementById("mytext1").value = trm;
        alert(trm);
           var songToPlay = trm.toLowerCase();
            );

您可以自定义代码以满足您的需要

以上代码来源:Jquery Trim all spaces from variable

屏蔽示例

  var value = "1234567"
var formatted = value.replace(/^(\d3)(\d4).*/,"$1-$2");
alert(formatted);

来源:Mask javascript variable value

【讨论】:

粘贴到文本框时如何操作。 你的意思是让值显示在文本框输入中 我已编辑答案以在表单输入中显示结果 是的,当从任何来源复制并粘贴到文本框时,文本框应该只使用非空格字符。 Like- KLP 03K 然后文本框应该是 KLP03K 并跳过该字段。文本框的最大长度为 6。如何进行遮罩或任何方式来做到这一点。 上面的脚本已经测试过了。它将 KLP 03K 转换为非 sapce char KLP03K。如果你想做蒙版。如果你想做屏蔽,我已经用如何屏蔽的示例更新了脚本

以上是关于如何在 jquery 掩码中删除空格的主要内容,如果未能解决你的问题,请参考以下文章

如何在元掩码中自动切换帐户

如何以正确的顺序获取分段掩码中的通道?

如何使用文本掩码中的 angular2 createNumberMask 用小数格式化百分比

Php从IP /掩码中查找主机数[关闭]

使用 Ext.util.TaskRunner 在负载掩码中显示时钟

Javascript REGEX 在字符串和掩码中查找信用卡号