js刪除文字框輸入內容前後兩端的空格

antzone發表於2017-04-06
JS

在實際應用中，可能不希望文字框輸入內容的兩端出現空格。

但是有時候不小心就會出現此問題，下面就介紹一下如何刪除文字框輸入內容兩端的空格。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script>
function trim(str){ 
  return str.replace(/(^\s*)|(\s*$)/g,""); 
}
window.onload=function(){
  var obt=document.getElementById("bt");
  var otxt=document.getElementById("txt");
   
  obt.onclick=function(){
    var val=otxt.value;
    if(trim(val)!=""){
      document.forms[0].submit()
     }else{
       alert("內容不能為空！");
     }
  }
}
</script>
</head>
 
<body>
<form>
<input type="text" id="txt"/>
<input type="button" id="bt" value="檢視效果"/>
</form>
</body>
</html>

上面的程式碼實現了我們的要求，程式碼非常的簡單，核心程式碼是 :

[JavaScript] 純文字檢視 複製程式碼
function trim(str){ 
  return str.replace(/(^\s*)|(\s*$)/g,""); 
}

相關文章