使用正規表示式去除左右空白、左空白、右空白教學與範例

請選擇你要去除的空白字串按鈕
輸入要去除空白字串:
輸出去除的結果字串:

下列是 JavaScript 程式的內容:
<HEAD>
<script type="text/javascript" language="JavaScript">
//去除前後(左右)空白
String.prototype.trim = function() {
	alert('已去除左右邊空白');
	return this.replace(/(^[\s]*)|([\s]*$)/g, "");
}
//去左空白
String.prototype.lTrim = function() {
	alert('已去除左邊空白');
	return this.replace(/(^[\s]*)/g, "");
}
//去除右空白
String.prototype.rTrim = function() {
	alert('已去除右邊空白');
	return this.replace(/([\s]*$)/g, "");
}
function callTrim()
{
	document.getElementById("ans").value = document.getElementById("content").value.trim();
}
function callLTrim()
{
	document.getElementById("ans").value = document.getElementById("content").value.lTrim();
}
function callRTrim()
{
	document.getElementById("ans").value = document.getElementById("content").value.rTrim();
}
</script>
</HEAD>
<BODY>
輸入要去除空白字串:<input type="text" id="content" value=" 輸 入 要 去 空 白 字 串 "><br>
輸出去除的結果字串:<input type="text" id="ans">
<p>
<button onclick="callTrim();">去除左右空白</button> 
<button onclick="callLTrim();">去除左空白</button> 
<button onclick="callRTrim();">去除右空白</button>
</BODY>
本報導資料來源:本資料取自聰明的生活-教學文件與筆記
本報導內容或資料,因限人力、時間,非教學會員,不接受任何使用上的教學與指導,敬請見諒。
如果你喜歡這篇辛苦蒐集整理出來的報導資料,歡迎原文轉載註明出處,以示尊重個人智慧財產,謝謝你的合作。
如果你願意於貴站或部落格中介紹本站,歡迎使用複製網頁研習室連結語法,再次感謝你的支持與愛護。

請按瀏覽器的檢視原始碼查看