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 相关文章推荐
Using the TextRange Object
Oct 14 Javascript
JQuery触发radio或checkbox的change事件
Dec 18 Javascript
jQuery 选择器项目实例分析及实现代码
Dec 28 Javascript
异步动态加载js与css文件的js代码
Sep 15 Javascript
选择复选框按钮置灰否则按钮可用
May 22 Javascript
20条学习javascript的编程规范的建议
Nov 28 Javascript
node.js中的fs.fchown方法使用说明
Dec 16 Javascript
html5+CSS 实现禁止IOS长按复制粘贴功能
Dec 28 Javascript
JavaScript Base64 作为文件上传的实例代码解析
Feb 14 Javascript
百度地图去掉marker覆盖物或者去掉maker的label文字方法
Jan 26 Javascript
jQuery+ThinkPHP实现图片上传
Jul 23 jQuery
基于Vue中的父子传值问题解决
Jul 27 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
《神奇女侠:血脉》神力女超人大战犯罪公司
2020/04/09 欧美动漫
phpmailer中文乱码问题的解决方法
2014/04/22 PHP
PHP静态文件生成类实例
2014/11/29 PHP
url 特殊字符 传递参数解决方法
2010/01/01 Javascript
jquery动态加载图片数据练习代码
2011/08/04 Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
2013/12/29 Javascript
jquery中get和post的简单实例
2014/02/04 Javascript
extjs 时间范围选择自动判断的实现代码
2014/06/24 Javascript
推荐9款炫酷的基于jquery的页面特效
2014/12/07 Javascript
javascript动画算法实例分析
2015/07/31 Javascript
jQuery向父辈遍历的简单方法
2016/09/18 Javascript
Ionic2系列之使用DeepLinker实现指定页面URL
2016/11/21 Javascript
JS动态生成年份和月份实例代码
2017/02/04 Javascript
微信小程序 基础组件与导航组件详细介绍
2017/02/21 Javascript
微信小程序 input输入及动态设置按钮的实现
2017/10/27 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
2018/03/14 Javascript
Vue-路由导航菜单栏的高亮设置方法
2018/03/17 Javascript
详解vue挂载到dom上会发生什么
2019/01/20 Javascript
layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法
2019/09/25 Javascript
javascript跳转与返回和刷新页面的实例代码
2019/11/20 Javascript
javascript实现放大镜功能
2020/12/09 Javascript
Selenium+Python 自动化操控登录界面实例(有简单验证码图片校验)
2019/06/28 Python
python 创建一维的0向量实例
2019/12/02 Python
Python装饰器实现方法及应用场景详解
2020/03/26 Python
css3的@media属性实现页面响应式布局示例代码
2014/02/10 HTML / CSS
CSS3实现苹果手机解锁的字体闪亮效果示例
2021/01/05 HTML / CSS
html5 Canvas画图教程(9)—canvas中画出矩形和圆形
2013/01/09 HTML / CSS
乌克兰移动电子产品和相关配件的在线商店:iTMag
2020/03/16 全球购物
世界上最大的艺术社区:SAA
2020/12/30 全球购物
策划助理岗位职责
2013/11/18 职场文书
优质服务活动实施方案
2014/05/02 职场文书
优秀家长事迹材料
2014/05/17 职场文书
反腐倡廉剖析材料
2014/09/30 职场文书
党员反对四风思想汇报范文
2014/10/25 职场文书
自我检讨书范文
2015/01/28 职场文书
自考生自我评价
2019/06/21 职场文书