消除输入字段中的空白

eliminate white space from input field

本文关键字：空白 字段 输入      更新时间：2023-09-26

我有困难试图摆脱空白(按空格键创建)，而用户在电子邮件字段输入电子邮件，我怎么能做到这一点....看看我的代码下面…我想摆脱空格后的电子邮件是由空格键输入或我怎么能摆脱这些空格，只要我点击提交按钮!

<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>

当用户使用input时，可以"block"空格: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>

您的问题在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>

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

相关文章：