jQuery Strip White-space

Question

我不是网页设计师，我只是试图改变传统程序员所做的事情。

在一个页面上，文本字段长度为MAX 10个字符，发生的事情是源已经将其页面上的10个字符代码更改为包含空格，因此客户正在复制并粘贴此代码（包括空格） 14个字符。

这是提交截断的代码，因为人们没有注意（显然不是他们的错）。

我发现了一些jQuery代码，用于放置表单上的输入以去除粘贴上的空白区域：

$(function() {
  $('#dlc_code_txtbx0').bind('input', function() {
    $(this).val(function(_, v) {
      return v.replace(/\s+/g, '');
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<!-- This is my form field -->
<input type="text" id="dlc_code_txtbx0" name="dlc_code_txtbx0"
       class="cen" size="20" maxlength="10" placeholder="yNGsstK" />

当我将 aa bb cc dd ee 复制并粘贴到字段中时，它会删除空白但仍会截断字符。有人可以指出我正确的方向吗？

Answer 1

由于maxlength上的input属性，您无法再添加10个字符。如果您删除该属性，则可以截断Javascript（jQuery）中的文本，如下所示：

$(function(){
    $('#dlc_code_txtbx0').bind('input', function(){
        $(this).val(function(_, v){
            var outputValue = v.replace(/\s+/g, '');
            return outputValue.substr(0, 10); // substr will truncate the final string
        });
    });
});

查看substr() reference。