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 不只是脚本
May 30 Javascript
JS.GetAllChild(element,deep,condition)使用介绍
Sep 21 Javascript
jQuery简易图片放大特效示例代码
Jun 09 Javascript
jQuery圆形统计图开发实例
Jan 04 Javascript
在JavaScript的AngularJS库中进行单元测试的方法
Jun 23 Javascript
Js调用Java方法并互相传参的简单实例
Aug 11 Javascript
Angular页面间切换及传值的4种方法
Nov 04 Javascript
Node.js通过身份证号验证年龄、出生日期与性别方法示例
Mar 09 Javascript
Angular实现的进度条功能示例
Feb 18 Javascript
vue2.0父子组件间传递数据的方法
Aug 16 Javascript
Layui Form 自定义验证的实例代码
Sep 14 Javascript
VsCode里的Vue模板的实现
Aug 12 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 和 MySQL 基础教程(二)
2006/10/09 PHP
PHP set_time_limit(0)长连接的实现分析
2010/03/02 PHP
PHP学习之数组值的操作
2011/04/17 PHP
PHP大批量数据操作时临时调整内存与执行时间的方法
2011/04/20 PHP
PHP session会话的安全性分析
2011/09/08 PHP
使用PHPMailer实现邮件发送代码分享
2014/10/23 PHP
PHP那些琐碎的知识点(整理)
2017/05/20 PHP
jquery随机展示头像代码
2011/12/21 Javascript
js处理php输出时间戳对不上号的解决方法
2014/06/20 Javascript
jQuery判断元素上是否绑定了指定事件的方法
2015/03/17 Javascript
vue,angular,avalon这三种MVVM框架优缺点
2016/04/27 Javascript
jQuery简单实现tab选项卡切换效果
2016/06/20 Javascript
在JavaScript中调用Java类和接口的方法
2016/09/07 Javascript
不使用script导入js文件的几种方法
2016/10/27 Javascript
JavaScript中无法通过div.style.left获取值的解决方法
2017/02/19 Javascript
详解AngularJs HTTP响应拦截器实现登陆、权限校验
2017/04/11 Javascript
vue如何在自定义组件中使用v-model
2018/05/14 Javascript
element-ui中按需引入的实现
2019/12/25 Javascript
vue中封装axios并实现api接口的统一管理
2020/12/25 Vue.js
Python中的__slots__示例详解
2017/07/06 Python
Python实现破解猜数游戏算法示例
2017/09/25 Python
python实现判断一个字符串是否是合法IP地址的示例
2018/06/04 Python
解决安装pycharm后不能执行python脚本的问题
2019/01/19 Python
Lowe’s加拿大:家居装修、翻新和五金店
2019/12/06 全球购物
台湾7-ELEVEN线上购物中心:7-11
2021/01/21 全球购物
家长对孩子评语
2014/01/30 职场文书
酒店周年庆活动方案
2014/08/21 职场文书
乡镇四风对照检查材料
2014/08/31 职场文书
机关干部四风问题自我剖析及整改措施
2014/10/26 职场文书
2014年小学教师工作总结
2014/11/10 职场文书
爱的教育观后感
2015/06/17 职场文书
篮球比赛通讯稿
2015/07/18 职场文书
2016年习主席讲话学习心得体会
2016/01/20 职场文书
导游词之新疆尼雅遗址
2019/10/16 职场文书
Python超简单容易上手的画图工具库推荐
2021/05/10 Python
pytorch锁死在dataloader(训练时卡死)
2021/05/28 Python