正則刪除字符串左、右或兩端的空格經驗總結

我們經常需要獲取文本框中用戶輸入的信息，然后通過ajax或form提交到后台,數據中難免要包含一些空格,因此我們有必要在將數據傳輸到后台之前，消除數據兩端的空格。這時候正則變色很好的方式。

1.消除字符串左邊的空格

function leftTrim(str){ return str.replace(/^\s*/,"");//^符號表示從開頭即左邊進行匹配 
} //alert("111"+leftTrim(" aaa ")+"xxx");//兩邊的xxx作為參考，判斷空格是否被刪除 

 

2.消除字符串右邊的空格

function rightTrim(str){ return str.replace(/\s*$/,""); } //alert("111"+rightTrim(" aaa ")+"111");//兩邊的111作為參考，判斷空格是否被刪除 

 

3.消除字符串兩邊的空格

function trim(str){ return str.replace(/(^\s*)|(\s*$)/g,""); } //alert("111"+trim(" aaa ")+"xxx");//兩邊的xxx作為參考，判斷空格是否被刪除

 

4.jquery使用trim()方法消除字符串兩邊的空格

$('#id').trim()

 

微信小程序自動去除input空格的方法

<input type='text' data-name='account' value='{{account}}' name="account" bindinput='verification' bindblur='account_val'></input>
  verification: function (e) { var name = e.currentTarget.dataset.name; this.setData({ [name]: e.detail.value.replace(/\s+/g, '') }) },

 

1. 給每一個input綁定bindinput事件，

2. 利用data-name的屬性同步input的name,

3. 利用簡單的正則實時去除空格，

4. 利用數據雙向綁定的特性同步當前input的value值