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

673 查看

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

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

复制代码 代码如下:

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

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 ")+"111");//两边的111作为参考,判断空格是否被删除

当然为了方便,我们还可以对字符串中的功能进行拓展
复制代码 代码如下:

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

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