繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js trim函数 去空格函数与正则集锦
- Javascript
- 经常用到的JavasScript事件的翻译
- Javascript下的keyCode键码值表
- 用javascript动态调整iframe高度的代码
- javascript应用：Iframe自适应其加载的内容高度
- javascript 控制弹出窗口
- 用javascript父窗口控制只弹出一个子窗口
- 给moz-firefox下添加IE方法和属性
- FireFox中textNode分片的问题
- 对google个性主页的拖拽效果的js的完整注释[转]
- 身份证号码前六位所代表的省,市,区, 以及地区编码下载
- 一个友好的.改善的 Object.prototype.toString的实现
- 如何写一个通用的JavaScript效果库！(1/2)
- 如何写一个通用的JavaScript效果库！(2/2)
- 几个高效，简洁的字符处理函数
- 无语，javascript居然支持中文(unicode)编程！
- ie 处理 gif动画 的onload 事件的一个 bug
- 讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
- firefox 和 ie 事件处理的细节,研究,再研究-----书写同时兼容ie和ff的事件处理代码
- 深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
- JavaScript 中的replace方法说明
Javascript 中的 js trim函数 去空格函数与正则集锦
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 531 ::
收藏到网摘: n/a
在javascript中处理文本框输入值的时候，经常要用到"去掉前后空白"的功能。用过jQuery的朋友都知道，jQuery提供了一个trim()这样的功能函数，可以很轻松帮我们实现这样的效果。 但是如果项目没有用到jQuery等框架的话，js本身又没有这样的函数，我们不得不自己写这样的函数，下面是函数的具体实现：
复制代码 代码如下:
//供使用者调用
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;
}
//去掉右边的空白
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;
}
使用时只需调用trim函数即可。
下面是用正则的实现方法：
复制代码 代码如下:
<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>
<input type="text" value=" 前后都是空格 " id="space">
<input type="button" value="去前后空格" onclick="javascript:document.getElementById('space').value=document.getElementById('space').value.Trim();document.getElementById('space').select();">
<input type="button" value="去前空格" onclick="javascript:document.getElementById('space').value=document.getElementById('space').value.LTrim();document.getElementById('space').select();">
<input type="button" value="去后空格" onclick="javascript:document.getElementById('space').value=document.getElementById('space').value.RTrim();document.getElementById('space').select();">
<input type="button" value="还原" onclick="javascript:document.getElementById('space').value=' 前后都是空格 ';">
上面的代码因为编辑器的问题，空间被替换了，所以大家请注意添加空格，测试。
评论 (0) All
