js去字符串前后空格5種實現(xiàn)方法及比較
更新時間:2013年04月03日 15:06:08 作者:
如果寫到注冊的時候,用戶輸入空格,我們怎么來剔除空格呢,接下來與大家分享下經(jīng)常使用的js,感興趣的朋友可以參考下哈,希望可以幫助到你
我們在項目中如果寫到注冊的時候,用戶輸入空格,我們怎么來剔除空格呢?
下面是我經(jīng)常用到的js與大家分享下:
第一種:循環(huán)檢查替換
[javascript]
復制代碼 代碼如下:
//供使用者調(diào)用
function trim(s){
return trimRight(trimLeft(s));
}
//去掉左邊的空白
function trimLeft(s){
if(s == null) {
return "";
}
var whitespace = new String(" \t\n\r");
var str = new String(s);
if (whitespace.indexOf(str.charAt(0)) != -1) {
var j=0, i = str.length;
while (j < i && whitespace.indexOf(str.charAt(j)) != -1){
j++;
}
str = str.substring(j, i);
}
return str;
}
//去掉右邊的空白 www.fzitv.net
function trimRight(s){
if(s == null) return "";
var whitespace = new String(" \t\n\r");
var str = new String(s);
if (whitespace.indexOf(str.charAt(str.length-1)) != -1){
var i = str.length - 1;
while (i >= 0 && whitespace.indexOf(str.charAt(i)) != -1){
i--;
}
str = str.substring(0, i+1);
}
return str;
}
第二種:正則替換
[javascript]
復制代碼 代碼如下:
<SCRIPT LANGUAGE="JavaScript">
<!--
String.prototype.Trim = function()
{
return this.replace(/(^\s*)|(\s*$)/g, "");
}
String.prototype.LTrim = function()
{
return this.replace(/(^\s*)/g, "");
}
String.prototype.RTrim = function()
{
return this.replace(/(\s*$)/g, "");
}
//-->
</SCRIPT>
第三種:使用jquery
[javascript]
復制代碼 代碼如下:
$.trim(str)
jquery內(nèi)部實現(xiàn)為:
[javascript]
復制代碼 代碼如下:
function trim(str){
return str.replace(/^(\s|\u00A0)+/,'').replace(/(\s|\u00A0)+$/,'');
}
第四種:使用motools
[javascript]
復制代碼 代碼如下:
function trim(str){
return str.replace(/^(\s|\xA0)+|(\s|\xA0)+$/g, '');
}
第五種:裁剪字符串方式
[javascript]
復制代碼 代碼如下:
function trim(str){
str = str.replace(/^(\s|\u00A0)+/,'');
for(var i=str.length-1; i>=0; i--){
if(/\S/.test(str.charAt(i))){
str = str.substring(0, i+1);
break;
}
}
return str;
}
經(jīng)過測試第五種方法在處理長字符串時效率最高。
復制代碼 代碼如下:
<script type="text/JavaScript">
//去掉空格
function SystemTrim(str) {
var regExp = /(^\s*)|(\s*$)/;
return str.replace(regExp,"");
}
//調(diào)用
function add()
{
var ownername=document.form1.ownername.value;
if(SystemTrim(ownername)=="")
{
alert("請輸入您的稱呼!");
return;
}
}
<script>
相關(guān)文章
JavaScript中Form表單技術(shù)匯總(推薦)
這篇文章主要介紹了JavaScript中Form表單技術(shù)的相關(guān)資料,包括簡單的表單驗證和正則表達式驗證,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-06-06
javascript之分片上傳,斷點續(xù)傳的實際項目實現(xiàn)詳解
在本篇文章里小編給大家整理了關(guān)于javascript之分片上傳,斷點續(xù)傳的實際項目實現(xiàn)的詳細內(nèi)容,有需要的朋友們學習下。2019-09-09
微信小程序教程系列之頁面跳轉(zhuǎn)和參數(shù)傳遞(6)
這篇文章主要為大家詳細介紹了微信小程序教程系列之頁面跳轉(zhuǎn)和參數(shù)傳遞,微信小程序提供了3種頁面跳轉(zhuǎn)方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-04-04
原生JavaScript實現(xiàn)日歷功能代碼實例(無引用Jq)
這篇文章主要介紹了原生JavaScript實現(xiàn)日歷功能代碼實例(無引用Jq),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-09-09

