JavaScript实现替换字符串中最后一个字符的方法


Posted in Javascript onMarch 07, 2017

本文实例讲述了JavaScript实现替换字符串中最后一个字符的方法。分享给大家供大家参考,具体如下:

1、问题背景

在一个输入框中,限制字符串长度为12位,利用键盘输入一个数字,会将字符串中最后一位替换,比如:111111111111,再输入一个3,会显示111111111113

2、具体实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript替换字符串中最后一个字符</title>
<script type="text/javascript">
  function replaceStr()
  {
    var e = event || window.event || arguments.callee.caller.arguments[0];
    var input_str = document.getElementById("input_str").value;
    var newStr = input_str.substring(0,11);
    if(e && e.keyCode>=48 && e.keyCode <= 57)
    {
      newStr += (e.keyCode-48);
    }
    document.getElementById("input_str").value = newStr;
  }
</script>
</head>
<body>
  <input type="text" id="input_str" maxlength="12" onkeyup="replaceStr();"/>
</body>
</html>

3、实现结果

(1)初始化

JavaScript实现替换字符串中最后一个字符的方法

(2)输入“3”后

JavaScript实现替换字符串中最后一个字符的方法

4、扩展附录

jQuery中的实现方法:

$("#input_str").keydown(function(event){
  var nums = $("#input_str").val();
  var e = event || window.event || arguments.callee.caller.arguments[0];
  var newStr = nums.substring(0,11);
  if(e && e.keyCode>=48 && e.keyCode <= 57)
  {
    newStr += (e.keyCode-48);
  }
  $("#input_str").val(newStr);
});

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]
Sep 26 Javascript
javascript时间函数大全
Jun 30 Javascript
js实现登陆遮罩效果的方法
Jul 28 Javascript
Jquery easyui开启行编辑模式增删改操作
Jan 14 Javascript
Bootstrap每天必学之标签页(Tab)插件
Aug 09 Javascript
深入浅析Vue不同场景下组件间的数据交流
Aug 15 Javascript
浅谈Vue.js中的v-on(事件处理)
Sep 05 Javascript
Js判断H5上下滑动方向及滑动到顶部和底部判断的示例代码
Nov 15 Javascript
vue组件横向树实现代码
Aug 02 Javascript
jquery使用FormData实现异步上传文件
Oct 25 jQuery
vue中的可拖拽宽度div的实现示例
Apr 08 Vue.js
类和原型的设计模式之复制与委托差异
Jul 07 Javascript
Node.js查找当前目录下文件夹实例代码
Mar 07 #Javascript
jQuery模拟下拉框选择对应菜单的内容
Mar 07 #Javascript
详解JS异步加载的三种方式
Mar 07 #Javascript
无法获取隐藏元素宽度和高度的解决方案
Mar 07 #Javascript
angularjs+bootstrap菜单的使用示例代码
Mar 07 #Javascript
JQuery中Ajax的操作完整例子
Mar 07 #Javascript
js判断手机系统是android还是ios
Mar 07 #Javascript
You might like
PHP的开合式多级菜单程序
2006/10/09 PHP
php冒泡排序、快速排序、快速查找、二维数组去重实例分享
2014/04/24 PHP
php+ajax实现图片文件上传功能实例
2014/06/17 PHP
WordPress中用于获取文章信息以及分类链接的函数用法
2015/12/18 PHP
ThinkPHP框架整合微信支付之Native 扫码支付模式一图文详解
2019/04/09 PHP
js中的escape及unescape函数的php实现代码
2007/09/04 Javascript
jquery.gridrotator实现响应式图片展示画廊效果
2015/06/23 Javascript
jquery获取复选框checkbox的值的简单实现方法
2016/05/26 Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
2017/03/22 jQuery
利用jQuery异步上传文件的插件用法详解
2017/07/19 jQuery
JavaScript使用FileReader实现图片上传预览效果
2020/03/27 Javascript
微信小程序实现拍照画布指定区域生成图片
2019/07/18 Javascript
JavaScript canvas实现跟随鼠标事件
2020/02/10 Javascript
OpenLayers3实现图层控件功能
2020/09/25 Javascript
Vue组件简易模拟实现购物车
2020/12/21 Vue.js
Python通过poll实现异步IO的方法
2015/06/04 Python
Python正则表达式使用范例分享
2016/12/04 Python
python爬虫 爬取58同城上所有城市的租房信息详解
2019/07/30 Python
详解python中docx库的安装过程
2019/11/08 Python
基于Tensorflow:CPU性能分析
2020/02/10 Python
浅谈pytorch 模型 .pt, .pth, .pkl的区别及模型保存方式
2020/05/25 Python
如何通过python检查文件是否被占用
2020/12/18 Python
澳大利亚购买最佳炊具品牌网站:Cookware Brands
2019/02/16 全球购物
英国第一摩托车和摩托车越野配件商店:GhostBikes
2019/03/10 全球购物
西班牙三叶草药房:Farmacias Trébol
2019/05/03 全球购物
Yahoo的PHP面试题
2014/05/26 面试题
新闻记者实习自我鉴定
2013/09/19 职场文书
党的群众路线教育实践活动心得体会
2014/03/03 职场文书
原材料检验岗位职责
2014/03/15 职场文书
中国文明网向国旗敬礼寄语大全
2014/09/27 职场文书
运动会开幕式主持词
2015/07/01 职场文书
装修公司管理制度
2015/08/05 职场文书
Mysql数据库表中为什么有索引却没有提高查询速度
2022/02/24 MySQL
Python实现提取PDF简历信息并存入Excel
2022/04/02 Python
vmware虚拟机打不开vmx文件怎么办 ?vmware虚拟机vmx文件打开方法
2022/04/08 数码科技
什么是clearfix (一文搞清楚css清除浮动clearfix)
2023/05/21 HTML / CSS