为什么数字不能正确粘贴在HTML输入字段中？

问题描述

我试图将逗号分隔的非常长的数字列表粘贴到HTML输入字段中。确切地说，它是100,000个数字的列表。通过将其粘贴到文字计数器中，我再次检查了长度是否正确。

问题是，在将数字列表粘贴到输入字段后，它显示了一些我知道不会复制到剪贴板的空格。而且，当我从输入字段复制粘贴的数字时，它会正确复制100,000个数字。但是由于某种原因，它在输入字段中显示为空格，而我的输入验证功能会发出警报，提示它包含非数字和非逗号字符。我尝试将输入的maxlength设置为1,000,000，但这没有用。有人知道为什么输入字段没有正确地“存储”我的数字列表吗？

这是粘贴数字列表后输入字段的外观：

（请注意多余的空格）

HTML：

<label for="array_input">Array:</label>
<input type="text" name="array_input" id="array_input" value="" maxlength="1000000">

并使用jQuery / JS读取输入值：

let arrayField = $('#array_input').val()
inputArray = arrayField.split(',').map(a => parseInt(a))
bubbleSort(inputArray)
function bubbleSort(arr) {
  ...
}

这对于包含几个甚至一万个数字的列表很好用，但是由于某种原因，粘贴100,000会添加一些空格。

工作案例的屏幕截图：

（没有多余的空格）

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html input-field