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 相关文章推荐
可在线编辑网页文字效果代码(单击)
Mar 02 Javascript
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
Mar 24 Javascript
jquery和javascript的区别(常用方法比较)
Jul 04 Javascript
Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
Aug 21 Javascript
JS判断字符串字节数并截取长度的方法
Mar 05 Javascript
Bootstrap CSS组件之按钮组(btn-group)
Dec 17 Javascript
Bootstrap table两种分页示例
Dec 23 Javascript
VueJS事件处理器v-on的使用方法
Sep 27 Javascript
解决Angular2 router.navigate刷新页面的问题
Aug 31 Javascript
mpvue网易云短信接口实现小程序短信登录的示例代码
Apr 03 Javascript
javascript实现移动端触屏拖拽功能
Jul 29 Javascript
使用vue引入maptalks地图及聚合效果的实现
Aug 10 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
浅析使用Turck-mmcache编译来加速、优化PHP代码
2013/06/20 PHP
领悟php接口中interface存在的意义
2013/06/27 PHP
php 根据自增id创建唯一编号类
2017/04/06 PHP
PHP类与对象后期静态绑定操作实例详解
2018/12/20 PHP
js检测客户端不是firefox则提示下载
2007/04/07 Javascript
jQuery 点击图片跳转上一张或下一张功能的实现代码
2010/03/12 Javascript
使用jquery实现简单的ajax
2013/07/08 Javascript
NodeJS url验证(url-valid)的使用方法
2013/11/18 NodeJs
JS简单实现登陆验证附效果图
2013/11/19 Javascript
减少访问DOM的次数提升javascript性能
2014/02/24 Javascript
超炫的jquery仿flash导航栏特效
2014/11/11 Javascript
使用jQuery制作基础的Web图片轮播效果
2016/04/22 Javascript
全面解析Bootstrap中tooltip、popover的使用方法
2016/06/13 Javascript
浅析JS中对函数function的理解(基础篇)
2016/10/14 Javascript
原生JS实现图片轮播效果
2016/12/26 Javascript
Vue自定义指令拖拽功能示例
2017/02/17 Javascript
常用的js方法合集
2017/03/10 Javascript
详细介绍RxJS在Angular中的应用
2017/09/23 Javascript
解决vue v-for 遍历循环时key值报错的问题
2018/09/06 Javascript
vue 插件的方法代码详解
2019/06/06 Javascript
基于python编写的微博应用
2014/10/17 Python
仅利用30行Python代码来展示X算法
2015/04/01 Python
python使用tensorflow深度学习识别验证码
2018/04/03 Python
tensorflow 用矩阵运算替换for循环 用tf.tile而不写for的方法
2018/07/27 Python
在Python中表示一个对象的方法
2019/06/25 Python
Python爬虫使用浏览器cookies:browsercookie过程解析
2019/10/22 Python
pycharm部署、配置anaconda环境的教程
2020/03/24 Python
TensorFlow-gpu和opencv安装详细教程
2020/06/30 Python
Python面向对象多态实现原理及代码实例
2020/09/16 Python
python链表类中获取元素实例方法
2021/02/23 Python
HTML5通用接口详解
2016/06/12 HTML / CSS
Boom手表官网:瑞典手表品牌,设计你的手表
2019/03/11 全球购物
EMPHASIS艾斐诗官网:周生生旗下原创精品珠宝品牌
2020/12/17 全球购物
C#里面如何判断一个Object是否是某种类型(如Boolean)?
2016/02/10 面试题
2014年无财产无子女离婚协议书范本
2014/10/09 职场文书
巾帼文明岗事迹材料
2014/12/24 职场文书