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 iframe内部出滚动条
Feb 11 Javascript
动态加载JavaScript文件的两种方法
Apr 22 Javascript
Angular2 (RC5) 路由与导航详解
Sep 21 Javascript
jQuery选择器_动力节点Java学院整理
Jul 05 jQuery
Angularjs cookie 操作实例详解
Sep 27 Javascript
JS异步函数队列功能实例分析
Nov 28 Javascript
Vue服务器渲染Nuxt学习笔记
Jan 31 Javascript
vue中组件的3种使用方式详解
Mar 23 Javascript
JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地示例
May 17 Javascript
Vue 实现从小到大的横向滑动效果详解
Oct 16 Javascript
JavaScript函数IIFE使用详解
Oct 21 Javascript
基于PHP pthreads实现多线程代码实例
Jun 24 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 Squid中可缓存的动态网页设计
2008/09/17 PHP
php下通过IP获取地理位置的代码(小偷程序)
2011/06/09 PHP
php 生成唯一id的几种解决方法
2013/03/08 PHP
PHP中Restful api 错误提示返回值实现思路
2016/04/12 PHP
利用php实现一周之内自动登录存储机制(cookie、session、localStorage)
2016/10/31 PHP
浅谈PHP表单提交(POST&amp;GET&amp;URL编/解码)
2017/04/03 PHP
类似CSDN图片切换效果脚本
2009/09/17 Javascript
url地址自动加#号问题说明
2010/08/21 Javascript
在VS2008中使用jQuery智能感应的方法
2010/12/30 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
2011/09/02 Javascript
基于Javascript实现弹出页面效果
2016/01/01 Javascript
BootStrap tooltip提示框使用小结
2016/10/26 Javascript
react-native使用react-navigation进行页面跳转导航的示例
2017/09/07 Javascript
Windows安装Node.js报错:2503、2502的解决方法
2017/10/25 Javascript
layui表格checkbox选择全选样式及功能的实例
2018/03/07 Javascript
json对象及数组键值的深度大小写转换问题详解
2018/03/30 Javascript
es5 类与es6中class的区别小结
2020/11/09 Javascript
[02:31]2018年度DOTA2最具人气选手-完美盛典
2018/12/16 DOTA
Python 学习笔记
2008/12/27 Python
简单理解Python中的装饰器
2015/07/31 Python
一个简单的python爬虫程序 爬取豆瓣热度Top100以内的电影信息
2018/04/17 Python
详解python编译器和解释器的区别
2019/06/24 Python
通过Turtle库在Python中绘制一个鼠年福鼠
2020/02/03 Python
python基于socket函数实现端口扫描
2020/05/28 Python
简单的Python人脸识别系统
2020/07/14 Python
python爬虫分布式获取数据的实例方法
2020/11/26 Python
在vscode中启动conda虚拟环境的思路详解
2020/12/25 Python
同程旅游英文网站:LY.com
2018/11/13 全球购物
英国设计师泳装、沙滩装和比基尼在线精品店:Beach Cafe
2019/08/28 全球购物
省优秀教师事迹材料
2014/01/30 职场文书
社区学习雷锋活动总结
2014/04/25 职场文书
企业员工爱岗敬业演讲稿
2014/08/26 职场文书
高中生逃课检讨书
2014/10/10 职场文书
校园会短篇的广播稿
2014/10/21 职场文书
工作试用期自我评价
2015/03/10 职场文书
应届毕业生求职信范文
2015/03/19 职场文书