正则删除字符串左、右或两端的空格经验总结

我们经常需要获取文本框中用户输入的信息，然后通过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值