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 oop开发滑动(slide)菜单控件
Aug 25 Javascript
浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
Jan 09 Javascript
JS实现网页上随机产生超链接地址的方法
Nov 09 Javascript
JavaScript File API文件上传预览
Feb 02 Javascript
浅谈JavaScript函数的四种存在形态
Jun 08 Javascript
js中利用cookie实现记住密码功能
Aug 20 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
Dec 28 Javascript
JS验证不重复验证码
Feb 10 Javascript
详解vue渲染从后台获取的json数据
Jul 06 Javascript
Vue框架之goods组件开发详解
Jan 25 Javascript
转换layUI的数据表格中的日期格式方法
Sep 19 Javascript
JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码
Dec 01 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图形jpgraph操作实例分析
2017/02/22 PHP
php实现生成PDF文件的方法示例【基于FPDF类库】
2018/07/21 PHP
基于thinkphp6.0的success、error实现方法
2019/11/05 PHP
JQuery 表单中textarea字数限制实现代码
2009/12/07 Javascript
jQuery对象和DOM对象的相互转化实现代码
2010/03/02 Javascript
用Javascript获取页面元素的具体位置
2013/12/09 Javascript
js限制checkbox选中个数以限制六个为例
2014/07/15 Javascript
js delete 用法(删除对象属性及变量)
2014/08/24 Javascript
JavaScript 消息框效果【实现代码】
2016/04/27 Javascript
Vue2.0 UI框架ElementUI使用方法详解
2017/04/14 Javascript
JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
2017/04/24 Javascript
JavaScript生成简单等差数列
2017/11/28 Javascript
在Vue项目中使用d3.js的实例代码
2018/05/01 Javascript
在Vue中使用axios请求拦截的实现方法
2018/10/25 Javascript
小程序scroll-view安卓机隐藏横向滚动条的实现详解
2019/05/16 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
2020/07/31 Javascript
Vue3.0的优化总结
2020/10/16 Javascript
[01:09:24]Ti4开幕式
2014/07/19 DOTA
Linux系统上Nginx+Python的web.py与Django框架环境
2015/12/25 Python
python自动分箱,计算woe,iv的实例代码
2019/11/22 Python
python线程定时器Timer实现原理解析
2019/11/30 Python
使用opencv将视频帧转成图片输出
2019/12/10 Python
Python基于数列实现购物车程序过程详解
2020/06/09 Python
浅谈Html5页面打开app的一些思考
2020/03/30 HTML / CSS
英国标志性奢侈品牌:Burberry
2016/07/28 全球购物
阿迪达斯俄罗斯官方商城:adidas俄罗斯
2017/03/08 全球购物
瑞士隐形眼镜和护理产品网上商店:Linsenklick
2019/10/21 全球购物
英国领先的高级美容和在线皮肤诊所:Face the Future
2020/06/17 全球购物
会计找工作求职信范文
2013/12/09 职场文书
5.12护士节演讲稿
2014/04/30 职场文书
幼儿园优秀班主任事迹材料
2014/05/14 职场文书
2014年财务工作总结与计划
2014/12/08 职场文书
保证书格式
2015/01/16 职场文书
长城导游词
2015/01/30 职场文书
医院岗前培训心得体会
2016/01/08 职场文书
2019年大学生学年自我鉴定!
2019/03/25 职场文书