如何删除输入类型=“文本”中的多余空格？ [复制]答案

【问题标题】：How to delete extra spaces in an input type="text"? [duplicate]如何删除输入类型=“文本”中的多余空格？ [复制]
【发布时间】：2018-02-12 22:14:44
【问题描述】：

我得到了这个 input type="text" 和这个显示用户输入的按钮，但是如果输入有多余的空格，它们也会显示出来。如何从输入值中删除这些多余的空格？

var nameInput = $('#name');

function showName() {
    if (nameInput.val() === "") {
      alert('You must provide a Name');
    }
    else {
      alert('¡Hello' + ' ' + nameInput.val() + '!')
    }
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="name" />
<button type="button" onclick="showName()"> Show Name </button>

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

使用.trim() 删除多余的空格以删除尾随和前面的空格。

要删除任何多次出现的空格，请使用.replace(/\s+/g,' ').trim();

var _name = nameInput.val().trim();
if (_name === "") {
  alert('You must provide a Name');
}
else {
  alert('¡Hello' + ' ' + _name + '!')
}

【讨论】：

想解释反对意见吗？

【解决方案2】：

你可以调用trim()，如nameInput.val().trim()

编辑：奇怪的是我在发布答案后 1 秒被否决了。有人是恶意的

【讨论】：