1.去除空格js文件:trimFun.js
/**
* 删除左右两端的空格
* @param str
* @returns
*/
function alltrim(str) {
return str.replace(/(^\s*)|(\s*$)/g, "");
}
/**
* 删除左边的空格
* @param str
* @returns
*/
function ltrim(str) {
return str.replace(/(^\s*)/g, "");
}
/**
* 删除右边的空格
* @param str
* @returns
*/
function rtrim(str) {
return str.replace(/(\s*$)/g, "");
}
2.测试文件:testTrim.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="trimFun.js"></script>
<script type="text/javascript">
function handleTrim(type,id) {
var trimBefore = document.getElementById(id).value;
alert("去除空格之前内容:"+trimBefore+"\n长度:"+trimBefore.length);
var trimAfter = "";
if(type=="a") {
trimAfter = alltrim(trimBefore);
} else if(type=="l") {
trimAfter = ltrim(trimBefore);
} else {
trimAfter = rtrim(trimBefore);
}
alert("去除空格之后内容:"+trimAfter+"\n长度:"+trimAfter.length);
}
</script>
</head>
<body>
<input type="text" id="lText"/> <input type="button" value="去除左侧空格" οnclick="handleTrim('l','lText')"/><br>
<input type="text" id="rText"/> <input type="button" value="去除右侧空格" οnclick="handleTrim('r','rText')"/><br>
<input type="text" id="allText"/> <input type="button" value="去除左右所有空格" οnclick="handleTrim('a','allText')"/>
</body>
</html>