Question

我得到了这个输入类型=“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>

Answer 1

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

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

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

Answer 2

您可以调用trim（），如nameInput.val().trim()

编辑：奇怪的是我在发布答案后1秒钟被投票。有人是恶意的

如何删除输入类型=“文本”中的额外空格？

2 个答案: