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 相关文章推荐
使用Jquery来实现可以输入值的下拉选单 雏型
Dec 06 Javascript
JavaScript动态加载样式表的方法
Mar 21 Javascript
轻松掌握JavaScript中介者模式
Aug 26 Javascript
jquery pagination分页插件使用详解(后台struts2)
Jan 22 Javascript
详解Vue 非父子组件通信方法(非Vuex)
May 24 Javascript
详解Node.js access_token的获取、存储及更新
Jun 20 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
Oct 16 Javascript
微信小程序 wx.getUserInfo引导用户授权问题实例分析
Mar 09 Javascript
Vue 禁用浏览器的前进后退操作
Sep 04 Javascript
Vue自定义多选组件使用详解
Sep 08 Javascript
关于antd tree 和父子组件之间的传值问题(react 总结)
Jun 02 Javascript
jQuery实现广告显示和隐藏动画
Jul 04 jQuery
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
Smarty模板快速入门
2007/01/04 PHP
PHP版QQ互联OAuth示例代码分享
2015/07/05 PHP
php求一个网段开始与结束IP地址的方法
2015/07/09 PHP
PHP中的Trait 特性及作用
2016/04/03 PHP
PHP使用两个栈实现队列功能的方法
2018/01/15 PHP
tp5(thinkPHP5)框架实现多数据库查询的方法
2019/01/10 PHP
php-fpm重启导致的程序执行中断问题详解
2019/04/29 PHP
css图片自适应大小
2007/11/28 Javascript
JScript 脚本实现文件下载 一般用于下载木马
2009/10/29 Javascript
jquery表格内容筛选实现思路及代码
2013/04/16 Javascript
JavaScript隐式类型转换
2016/03/15 Javascript
js从外部获取图片的实现方法
2016/08/05 Javascript
小程序实现订单倒计时功能
2019/04/23 Javascript
layui use 定义js外部引用函数的方法
2019/09/26 Javascript
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
2019/09/28 Javascript
基于js实现复制内容到操作系统粘贴板过程解析
2019/10/11 Javascript
微信小程序列表时间戳转换实现过程解析
2019/10/12 Javascript
在Python中表示一个对象的方法
2019/06/25 Python
如何使用python爬虫爬取要登陆的网站
2019/07/12 Python
django的ORM操作 删除和编辑实现详解
2019/07/24 Python
Python打开文件、文件读写操作、with方式、文件常用函数实例分析
2020/01/07 Python
Python读取excel文件中带公式的值的实现
2020/04/17 Python
法国时尚品牌乐都特瑞士站:La Redoute瑞士
2016/09/05 全球购物
Jacadi Paris美国官方网站:法国童装品牌
2017/10/15 全球购物
来自世界各地的饮料:Flavourly
2019/05/06 全球购物
斯洛伐克电子产品购物网站:DATART
2020/04/05 全球购物
YBF Beauty官网:美丽挚友,美国知名彩妆品牌
2020/11/22 全球购物
行政部总经理岗位职责
2014/01/04 职场文书
优秀毕业生自我鉴定
2014/02/11 职场文书
优秀老员工获奖感言
2014/02/15 职场文书
英文自荐信常用句子
2014/03/26 职场文书
妇女干部培训方案
2014/05/12 职场文书
局火灾防控工作方案
2014/05/25 职场文书
师范生自荐信模板
2014/05/28 职场文书
魂断蓝桥观后感
2015/06/10 职场文书
使用pandas生成/读取csv文件的方法实例
2021/07/09 Python