jQuery实现字符串按指定长度加入特定内容的方法

 更新时间:2015年03月11日 16:35:18   作者:剑客落落  
这篇文章主要介绍了jQuery实现字符串按指定长度加入特定内容的方法,实例分析了jQuery操作字符串的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了jQuery实现字符串按指定长度加入特定内容的方法。分享给大家供大家参考。具体分析如下:

最近的一个项目中需要将手机号码按一定长度用标识符隔开,便于阅读,网上找了一会发现没有合适的代码于是就自己手写了一个函数,可以按指定长度往字符串中插入分隔符,有需要的朋友可以拿去。

var split_str=false;
function insert_flg(str,flg,sn){
  str=str.replace(new RegExp(flg,"g"),"");
  var newstr="";
  var tmp;
  var len=str.length;//长度
  var num=len/sn;//分段数
  var start;
  var end;
  //len%sn //能否完整分段 0:是
  for(i=0;i<num;i+=1){
    if (len%sn!=0){//不能完整分段
      start=i*sn-1;
      end=i*sn+(sn-1);
    }else{
      start=i*sn;
      end=(i+1)*sn;
    }
    start=start<0?0:start;
    if (end<=len){
      tmp=str.substring(start,end);
    }
    newstr+=(end>=len)?tmp:tmp+flg;
  }
  split_str=newstr;
  return newstr;
}
$(function(){
  var phone=$("#phone");
  phone.blur(function(){//失去焦点时触发
    var cont=phone.val();
    cont=jQuery.trim(cont);
    var str_p='-';//拆分符号
    var s=4;//每段长度
    if (!cont||split_str==cont) return false;
 //焦点再次离开时检查内容有无变化
    phone.val(insert_flg(cont,str_p,s));
    })
})

希望本文所述对大家的jQuery程序设计有所帮助。

相关文章

  • 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)

    基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)

    数字时钟在web倒计时,web闹钟效果以及基于html5的web app中,本文给大家介绍基于jquery和css3制作数字时钟附源码下载,感兴趣的朋友来看看吧
    2015-11-11
  • 详谈jQuery中的this和$(this)

    详谈jQuery中的this和$(this)

    在使用jquery操作js时,经常弄不明白this与$(this)。最近不是很忙,抽空仔细研究了一下,记录下来以供在忘记的时候拉出来参考参考!
    2014-11-11
  • jQuery实现简单复制json对象和json对象集合操作示例

    jQuery实现简单复制json对象和json对象集合操作示例

    这篇文章主要介绍了jQuery实现简单复制json对象和json对象集合操作,结合实例形式分析了jQuery使用extend方法操作json对象与json对象集合复制相关技巧,需要的朋友可以参考下
    2018-07-07
  • jQuery实现简单日历效果

    jQuery实现简单日历效果

    这篇文章主要为大家详细介绍了jQuery实现简单日历效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07
  • 基于jQuery实现左侧菜单栏可折叠功能

    基于jQuery实现左侧菜单栏可折叠功能

    这篇文章主要介绍了基于jQuery实现左侧菜单栏可折叠功能,介绍菜单折叠过程中三种变换形式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 使用CamanJS在Web页面上处理图像的技巧

    使用CamanJS在Web页面上处理图像的技巧

    CamanJs库用于个人项目中进行使用的图形操作库,这个库是基于JavaScript的canvas操作库,接下来,通过本篇文章给大家详细介绍使用CamanJS在Web页面上处理图像的技巧,需要的朋友一起来学习下
    2015-08-08
  • jquery+ajax+text文本框实现智能提示完整实例

    jquery+ajax+text文本框实现智能提示完整实例

    这篇文章主要介绍了jquery+ajax+text文本框实现智能提示的方法,涉及jQuery基于ajax交互实现后台数据的动态查询与文本提示信息的显示功能,需要的朋友可以参考下
    2016-07-07
  • jQuery对table表格进行增删改查

    jQuery对table表格进行增删改查

    这篇文章主要为大家详细介绍了jQuery对table表格进行增删改查操作,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • jQuery动态生成的元素绑定事件操作实例分析

    jQuery动态生成的元素绑定事件操作实例分析

    这篇文章主要介绍了jQuery动态生成的元素绑定事件操作,结合实例形式分析了jQuery事件绑定的原理及动态生成的元素绑定事件相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • JQuery for与each性能比较分析

    JQuery for与each性能比较分析

    性能优化遇到很多细节问题(for与each性能比较)记录下来分享给大家,希望对你有所帮助
    2013-05-05

最新评论