我們前端在與后臺人員進(jìn)行數(shù)據(jù)交互時,經(jīng)常會碰到這樣的情況,我們經(jīng)常需要獲取文本框中用戶輸入的信息,然后通過ajax或form提交到后臺。但是在用戶輸入信息時,我們無法保證用戶輸入的數(shù)據(jù)兩端都沒有空格。當(dāng)然這些空格一般情況下是毫無意義的,因此我們有必要在將數(shù)據(jù)傳輸?shù)胶笈_之前,消除數(shù)據(jù)兩端的空格。為了保證通用性,針對左、右及左右兩端的空格清除,下面都進(jìn)行了列舉。
1.消除字符串左邊的空格
復(fù)制代碼 代碼如下:
function leftTrim(str){
return str.replace(/^\s*/,"");//^符號表示從開頭即左邊進(jìn)行匹配
}
//alert("111"+leftTrim(" aaa ")+"111");//兩邊的111作為參考,判斷空格是否被刪除
2.消除字符串右邊的空格
復(fù)制代碼 代碼如下:
function rightTrim(str){
return str.replace(/\s*$/,"");
}
//alert("111"+rightTrim(" aaa ")+"111");//兩邊的111作為參考,判斷空格是否被刪除
3.消除字符串兩邊的空格
復(fù)制代碼 代碼如下:
function trim(str){
return str.replace(/(^\s*)|(\s*$)/g,"");
}
//alert("111"+trim(" aaa ")+"111");//兩邊的111作為參考,判斷空格是否被刪除
當(dāng)然為了方便,我們還可以對字符串中的功能進(jìn)行拓展
復(fù)制代碼 代碼如下:
String.prototype.trim = function(){
return trim(this);
}
var str = " aaa ";
alert("111"+str.trim()+"111");//兩邊的111作為參考,判斷空格是否被刪除
PS:如果你是使用jquery的話,上面的就可以忽略了,直接使用工具函數(shù)$.trim()即可。
您可能感興趣的文章:- javascript將字符串中的多個空格替換為一個空格的正則實(shí)例
- JS不用正則驗(yàn)證輸入的字符串是否為空(包含空格)的實(shí)現(xiàn)代碼
- 去掉字符串前后所有空格的正則表達(dá)式
- javascript中使用正則表達(dá)式實(shí)現(xiàn)刪除字符串中的前后空格
- 正則表達(dá)式實(shí)現(xiàn)字符串每4位后自動加空格效果(兩種方法)