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


Posted in Javascript onMarch 11, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
javascript得到XML某节点的子节点个数的脚本
Oct 11 Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
Nov 19 Javascript
js用正则表达式来验证表单(比较齐全的资源)
Nov 17 Javascript
做好七件事帮你提升jQuery的性能
Feb 06 Javascript
javascript中类的定义方式详解(四种方式)
Dec 22 Javascript
jQuery图片切换动画效果
Feb 28 Javascript
Node+Express+MongoDB实现登录注册功能实例
Apr 23 Javascript
JavaScript之promise_动力节点Java学院整理
Jul 03 Javascript
js 显示日期时间的实例(时间过一秒加1)
Oct 25 Javascript
详解ECMAScript2019/ES10新属性
Dec 06 Javascript
ES6 Object.assign()的用法及其使用
Jan 18 Javascript
JavaScript 类的封装操作示例详解
May 16 Javascript
jquery利用命名空间移除绑定事件的方法
Mar 11 #Javascript
jQuery实现带动画效果的二级下拉导航方法
Mar 11 #Javascript
jquery图形密码实现方法
Mar 11 #Javascript
jQuery模拟新浪微博首页滚动效果的方法
Mar 11 #Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
Mar 11 #Javascript
jQuery实现统计输入文字个数的方法
Mar 11 #Javascript
jQuery处理json数据返回数组和输出的方法
Mar 11 #Javascript
You might like
劣质的PHP代码简化
2010/02/08 PHP
php采集自中央气象台范围覆盖全国的天气预报代码实例
2015/01/04 PHP
php+flash+jQuery多图片上传源码分享
2020/07/27 PHP
PHP编写简单的App接口
2016/08/28 PHP
ThinkPHP框架整合微信支付之JSAPI模式图文详解
2019/04/09 PHP
javascript设计模式 封装和信息隐藏(上)
2012/07/24 Javascript
关于javascript中的typeof和instanceof介绍
2012/12/04 Javascript
jquery Mobile入门—多页面切换示例学习
2013/01/08 Javascript
模拟电子签章盖章效果的jQuery插件源码
2013/06/24 Javascript
win7下安装配置node.js+express开发环境
2015/12/06 Javascript
JS全角与半角转化实例(分享)
2017/07/04 Javascript
JavaScript实现时间表动态效果
2017/07/15 Javascript
深入探究angular2 UI组件之primeNG用法
2017/07/26 Javascript
Vue组件实例间的直接访问实现代码
2017/08/20 Javascript
uni-app微信小程序登录授权的实现
2020/05/22 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
2020/09/04 Javascript
vue缓存之keep-alive的理解和应用详解
2020/11/02 Javascript
[05:13]2018DOTA2亚洲邀请赛主赛事第二日战况回顾 LGD、VG双雄携手晋级
2018/04/05 DOTA
在Windows8上的搭建Python和Django环境
2014/07/03 Python
简单介绍Python中的RSS处理
2015/04/13 Python
举例讲解Python中装饰器的用法
2015/04/27 Python
python实现文本文件合并
2015/12/29 Python
python绘制铅球的运行轨迹代码分享
2017/11/14 Python
基于Python中numpy数组的合并实例讲解
2018/04/04 Python
python实现画一颗树和一片森林
2018/06/25 Python
ipython和python区别详解
2019/06/26 Python
Python的互斥锁与信号量详解
2019/09/12 Python
Python Merge函数原理及用法解析
2020/09/16 Python
香港钟表珠宝首饰商城:OneMallTime网摩间
2016/10/14 全球购物
资料员岗位职责
2013/11/17 职场文书
人资专员岗位职责
2014/04/04 职场文书
《开国大典》教学反思
2014/04/19 职场文书
学习十八大标语
2014/10/09 职场文书
八年级上册语文教学计划
2015/01/22 职场文书
律政俏佳人观后感
2015/06/09 职场文书
CSS元素定位之通过元素的标签或者元素的id、class属性定位详解
2022/09/23 HTML / CSS