从输入字段中消除空格答案

【问题标题】：eliminate white space from input field从输入字段中消除空格
【发布时间】：2015-12-22 02:45:27
【问题描述】：

当用户在电子邮件字段中输入电子邮件时，我很难摆脱空白（通过按空格键创建），我该怎么做......请参阅下面的代码......我想摆脱通过空格键输入电子邮件后的空格，或者我如何在单击提交按钮后立即摆脱这些空格！，提前谢谢...singhy

<script language="javascript" type="text/javascript">
function removeSpaces(string) {
 return string.split(' ').join('');
}
</script>
<script>
function IsEmpty(){
  if(document.forms['frm'].email.value == "")
  {
    alert("email address here");
    return false;
  }
    return true;
}
</script>

<form name="frm" class="rform" method="post" action="form_acknowledge.php" >
<fieldset><legend><strong>test</strong></legend> 
<p>enter email address</p>
  
<p><label for="email">Email address:</label> <input title="Your email address." required name="email" type='email' pattern=".+(@gmail.com)|.+(@hotmail.co.uk)" required />
</p>

<input id="insert" onclick="return IsEmpty();" style="float: right;" onblur="this.value=removeSpaces(this.value);" type="submit" name="submit" value="Subscribe" />
</fieldset>

</form>

【问题讨论】：

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

标签： javascript html

【解决方案1】：

当用户使用输入时，您可以“阻塞”空间： jsfiddle：http://jsfiddle.net/darxide/oz73u4eg/

<input type="text" id="mail" />

<script type="text/javascript">
document.getElementById('mail').addEventListener('keydown' ,function(e) {
    var k =e.keyCode
    k ==32 &&e.preventDefault()
})
</script>

【讨论】：

【解决方案2】：

您的问题出在blur 事件中。您将它附加到按钮上，并且模糊意味着当元素失去焦点时，因此必须在输入文本中而不是在按钮中。看例子：

function removeSpaces(string) {
 return string.split(' ').join('');
}
function IsEmpty(){
  if(document.forms['frm'].email.value == "")
  {
    alert("email address here");
    return false;
  }
    return true;
}

<form name="frm" class="rform" method="post" action="form_acknowledge.php" >
<fieldset><legend><strong>test</strong></legend> 
<p>enter email address</p>
  
<p><label for="email">Email address:</label> <input title="Your email address." required name="email" type='email' pattern=".+(@gmail.com)|.+(@hotmail.co.uk)" required onblur="this.value=removeSpaces(this.value);"/>
</p>

<input id="insert" onclick="return IsEmpty();" style="float: right;"  type="submit" name="submit" value="Subscribe" />
</fieldset>

</form>

【讨论】：

【解决方案3】：

检查trim() javascript 方法，它会删除开始和结束字符串之间的所有空格

【讨论】：