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 Window及document对象详细整理
Jan 12 Javascript
关于删除时的提示处理(确定删除吗)
Nov 03 Javascript
优化javascript的执行效率一些方法总结
Dec 25 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
Jan 06 Javascript
JS获取鼠标相对位置的方法
Sep 20 Javascript
jQuery Validate插件自定义验证规则的方法
Dec 27 Javascript
react-native 完整实现登录功能的示例代码
Sep 11 Javascript
AngularJS使用$http配置对象方式与服务端交互方法
Aug 13 Javascript
webpack@v4升级踩坑(小结)
Oct 08 Javascript
javascript中函数的写法实例代码详解
Oct 28 Javascript
Vue表单输入绑定的示例代码
Nov 01 Javascript
JS数组去重的6种方法完整实例
Dec 08 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
解析如何去掉CodeIgniter URL中的index.php
2013/06/25 PHP
PHP获取不了React Native Fecth参数的解决办法
2016/08/26 PHP
小程序微信支付功能配置方法示例详解【基于thinkPHP】
2019/05/05 PHP
扩展jQuery 键盘事件的几个基本方法
2009/10/30 Javascript
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
移动端JQ插件hammer使用详解
2015/07/03 Javascript
详解JavaScript的Polymer框架中的通知交互
2015/07/29 Javascript
表单验证插件Validation应用的实例讲解
2015/10/10 Javascript
JavaScript实现点击按钮切换网页背景色的方法
2015/10/17 Javascript
JavaScript中数组添加值和访问值常见问题
2016/02/06 Javascript
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
2017/04/14 jQuery
jQuery实现frame之间互通的方法
2017/06/26 jQuery
js构造函数创建对象是否加new问题
2018/01/22 Javascript
在Vue项目中使用d3.js的实例代码
2018/05/01 Javascript
原生JS实现随机点名项目的实例代码
2019/04/30 Javascript
echarts.js 动态生成多个图表 使用vue封装组件操作
2020/07/19 Javascript
微信小程序实现滚动Tab选项卡
2020/11/16 Javascript
用Python输出一个杨辉三角的例子
2014/06/13 Python
Python实现代码统计工具(终极篇)
2016/07/04 Python
PyQt4实现下拉菜单可供选择并打印出来
2018/04/20 Python
实例分析python3实现并发访问水平切分表
2018/09/29 Python
python3实现斐波那契数列(4种方法)
2019/07/15 Python
python设置随机种子实例讲解
2019/09/12 Python
Python实现图片识别加翻译功能
2019/12/26 Python
详解python tkinter模块安装过程
2020/01/06 Python
python3读取csv文件任意行列代码实例
2020/01/13 Python
如何将Pycharm中调整字体大小的方式设置为&quot;ctrl+鼠标滚轮上下滑&quot;
2020/11/17 Python
一个非常简单好用的Python图形界面库(PysimpleGUI)
2020/12/28 Python
css3设置box-pack和box-align让div里面的元素垂直居中
2014/09/01 HTML / CSS
利用HTML5+CSS3实现3D转换效果实例详解
2017/05/02 HTML / CSS
html5模拟平抛运动(模拟小球平抛运动过程)
2013/07/25 HTML / CSS
微软日本官方网站:Microsoft日本
2017/11/26 全球购物
优秀党员转正的自我评价
2013/10/06 职场文书
职位说明书范文
2014/05/07 职场文书
vue中三级导航的菜单权限控制
2021/03/31 Vue.js
Java 泛型详解(超详细的java泛型方法解析)
2021/07/02 Java/Android