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;
}
//去掉右邊的空白 chabaoo.cn
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>
相關文章
這篇文章主要介紹了提升PHP安全：8個必須修改的PHP默認配置,PHP.ini中的默認配置是面向開發(fā)者的,如果是生產(chǎn)環(huán)境是必須要修改一些配置的,需要的朋友可以參考下2014-11-11
Javascript腳本語言同其他語言一樣,有它自身的基本數(shù)據(jù)類型,表達式和算術運算符及程序的基本程序框架,這篇文章主要給大家介紹了關于JS中八種數(shù)據(jù)類型的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-01-01
javascript實現(xiàn)動態(tài)模態(tài)綁定grid過程代碼
這篇文章主要分享javascript實現(xiàn)動態(tài)模態(tài)綁定grid過程代碼,比較實用，需要的朋友可以參考下2014-09-09
Three.js后期處理效果(發(fā)光描邊OutlinePass)
這篇文章主要給大家介紹了關于Three.js后期處理效果(發(fā)光描邊OutlinePass)的相關資料,Three js 開發(fā)的一些知識整理,方便后期遇到類似的問題,能夠及時查閱使用,需要的朋友可以參考下2024-01-01
下面小編就為大家?guī)硪黄柚贡韱翁峤话粹o多次提交的完美解決方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-05-05
就是在當前頁面用AJAX請求當前頁面，返回的就是整個頁面的HTML··既然是整個頁面，所以也包括文檔聲明2011-12-12
一個很棒的 blog 文章，是 PPK 兩年前寫的，文章中解釋了 contains() 和 compareDocumentPosition() 方法運行在他們各自的瀏覽器上。從那起，我已經(jīng)對這些方法做了大量的研究，并且已經(jīng)在很多場合使用他們。在很多任務中，他們被證明是非常有用的（特別關于結構的抽象 DOM 選擇器）。2008-04-04
在JavaScript里，函數(shù)(todoA、todoB、todoC)就是對象，“()”的作用就是就是執(zhí)行函數(shù)對象，二者簡單地組合一下就能夠讓代碼清晰簡潔很多了，何樂不為呢？2010-03-03
百葉窗下拉菜單效果非常棒，今天小編給大家分享一段js代碼實現(xiàn)類似百葉窗下拉菜單效果，需要的朋友參考下2016-12-12
這篇文章主要介紹了聊聊鑒權那些事(推薦)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-08-08