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手风琴的简单制作

    jQuery手风琴的简单制作

    这篇文章主要为大家详细介绍了jQuery手风琴的简单制作,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • jquery html动态生成select标签出问题的解决方法

    jquery html动态生成select标签出问题的解决方法

    用jquery,json从后台获取一个列表,然后用一个动态生成的select标签显示出来,结果出现错误,下面为大家分享个不错的解决方法,喜欢的朋友可以参考下
    2013-11-11
  • 手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效

    手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效

    这篇文章主要介绍了手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效的相关资料,这里附有实现代码及实现效果图,需要的朋友可以参考下
    2016-12-12
  • jQuery中append()方法用法实例

    jQuery中append()方法用法实例

    这篇文章主要介绍了jQuery中append()方法用法,实例分析了append()方法的功能、定义及在匹配元素的结尾插入指定内容的使用技巧,需要的朋友可以参考下
    2015-01-01
  • jquery选择符快速提取web表单数据示例

    jquery选择符快速提取web表单数据示例

    遇到要重复多次同样的事时,就想找一种省时省力的方法,下面就为大家介绍下利用jquery选择符快速提取web表单数据
    2014-03-03
  • 详谈jQuery中的一些正则匹配表达式

    详谈jQuery中的一些正则匹配表达式

    下面小编就为大家带来一篇详谈jQuery中的一些正则匹配表达式。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • jQuery实现商品活动倒计时

    jQuery实现商品活动倒计时

    这篇文章主要介绍了jQuery实现商品活动倒计时,倒计时在WEB上应用非常广泛,如考试系统倒计时,团购网站中的优惠活动倒计时等等,感兴趣的小伙伴们可以参考一下
    2015-10-10
  • jquery ajax异步提交表单数据的方法

    jquery ajax异步提交表单数据的方法

    这篇文章主要为大家详细介绍了jquery ajax异步提交表单数据的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • jQuery插件slides实现无缝轮播图特效

    jQuery插件slides实现无缝轮播图特效

    Slides – 是一个简单的,容易定制和风格化,的jQuery幻灯片插件。Slides提供褪色或幻灯片过渡效果,图像淡入淡出,图像预压,自动生成分页,循环,自动播放的自定义等很多选项。用Slides插件,你可以随机播放幻灯片,设定那一套您想要开始幻灯片。
    2015-04-04
  • JQuery中使用.each()遍历元素学习笔记

    JQuery中使用.each()遍历元素学习笔记

    这篇文章主要介绍了jquery中使用.each()遍历元素学习笔记,本文从实际项目经验总结而来,需要的朋友可以参考下
    2014-11-11

最新评论