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

我们前端在与后台人员进行数据交互时，经常会碰到这样的情况，我们经常需要获取文本框中用户输入的信息，然后通过ajax或form提交到后台。但是在用户输入信息时，我们无法保证用户输入的数据两端都没有空格。当然这些空格一般情况下是毫无意义的，因此我们有必要在将数据传输到后台之前，消除数据两端的空格。为了保证通用性，针对左、右及左右两端的空格清除，下面都进行了列举。 
1.消除字符串左边的空格 

代码如下:

[html]  view plain  copy

 

1. function leftTrim(str){   
2. return str.replace(/^\s*/,"");//^符号表示从开头即左边进行匹配   
3. }   
4. //alert("111"+leftTrim(" aaa ")+"111");//两边的111作为参考，判断空格是否被删除   

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

代码如下:

[html]  view plain  copy

 

1. function rightTrim(str){   
2. return str.replace(/\s*$/,"");   
3. }   
4. //alert("111"+rightTrim(" aaa ")+"111");//两边的111作为参考，判断空格是否被删除   

3.消除字符串两边的空格 

代码如下:

[html]  view plain  copy

 

1. function trim(str){   
2. return str.replace(/(^\s*)|(\s*$)/g,"");   
3. }   
4. //alert("111"+trim(" aaa ")+"111");//两边的111作为参考，判断空格是否被删除   

当然为了方便，我们还可以对字符串中的功能进行拓展 

代码如下:

[html]  view plain  copy

 

1. String.prototype.trim = function(){   
2. return trim(this);   
3. }   
4. var str = " aaa ";   
5. alert("111"+str.trim()+"111");//两边的111作为参考，判断空格是否被删除   

PS：如果你是使用jquery的话，上面的就可以忽略了，直接使用工具函数$.trim()即可。