如何使用 JavaScript 删除空格？ [复制]答案

【问题标题】：How to remove spaces using JavaScript? [duplicate]如何使用 JavaScript 删除空格？ [复制]
【发布时间】：2018-09-15 09:06:09
【问题描述】：

如何删除空格。我使用 onkeyup 在 div 中显示输出

谢谢

var inputBox = document.getElementById('chatinput');

inputBox.onkeyup = function() {
  document.getElementById('printchatbox').innerHTML = inputBox.value;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
  <label>Title Page</label>
  <input type="text" id="chatinput" class="form-control" required="">
</div>
<div class="form-group">
  <div><b>Permalink: </b>http://doamin.com/<span id="printchatbox" class="cl-blue"></span></div>
</div>

【问题讨论】：

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
您找不到关于此的任何信息吗？
document.getElementById('printchatbox').innerHTML = inputBox.value.replace(/\s/g,"");

标签： javascript html

【解决方案1】：

您可以使用replace 将空格替换为空。

var inputBox = document.getElementById('chatinput');

inputBox.onkeyup = function() {
  document.getElementById('printchatbox').innerHTML = inputBox.value.replace(' ', '');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
  <label>Title Page</label>
  <input type="text" id="chatinput" class="form-control" required="">
</div>
<div class="form-group">
  <div><b>Permalink: </b>http://doamin.com/<span id="printchatbox" class="cl-blue"></span></div>
</div>

注意：

看到建议的编辑后，我必须指出这是不是正确答案，因为它只处理一个空格。如果字符串中有多个空格，它将仅删除第一个空格。正如编辑建议的那样，正确的方法是使用正则表达式。在这种情况下，replace 将替换所有空格

var inputBox = document.getElementById('chatinput');

inputBox.onkeyup = function() {
  document.getElementById('printchatbox').innerHTML = inputBox.value.replace(/\s/g, '');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
  <label>Title Page</label>
  <input type="text" id="chatinput" class="form-control" required="">
</div>
<div class="form-group">
  <div><b>Permalink: </b>http://doamin.com/<span id="printchatbox" class="cl-blue"></span></div>
</div>

【讨论】：

【解决方案2】：

使用replace

  document.getElementById('printchatbox').innerHTML = inputBox.value.replace(/\s/g,"");

演示

var inputBox = document.getElementById('chatinput');

inputBox.onkeyup = function() {
  document.getElementById('printchatbox').innerHTML = inputBox.value.replace(/\s/g, "");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
  <label>Title Page</label>
  <input type="text" id="chatinput" class="form-control" required="">
</div>
<div class="form-group">
  <div><b>Permalink: </b>http://doamin.com/<span id="printchatbox" class="cl-blue"></span></div>
</div>

【讨论】：