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 未结束的字符串常量常见解决方法
Jan 24 Javascript
JS中confirm,alert,prompt函数使用区别分析
Apr 01 Javascript
Javascript在IE和FireFox中的不同表现简析
Dec 03 Javascript
js控制frameSet示例
Sep 10 Javascript
IE8中使用javascript动态加载CSS的解决方法
Jun 17 Javascript
Lua表达式和控制结构学习笔记
Dec 15 Javascript
jQuery实现简单的文件上传进度条效果
Mar 26 Javascript
JS弹出层遮罩,隐藏背景页面滚动条细节优化分析
Apr 29 Javascript
javascript创建元素和删除元素实例小结
Jun 19 Javascript
微信小程序实现批量倒计时功能
Nov 01 Javascript
详解Vue中的基本语法和常用指令
Jul 23 Javascript
jQuery实现全选按钮
Jan 01 jQuery
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
Zend Studio 实用快捷键一览表(精心整理)
2013/08/10 PHP
php随机抽奖实例分析
2015/03/04 PHP
php类常量用法实例分析
2015/07/09 PHP
Linux下编译redis和phpredis的方法
2016/04/07 PHP
php readfile()修改文件上传大小设置
2017/08/11 PHP
php 删除一维数组中某一个值元素的操作方法
2018/02/01 PHP
js 数组操作代码集锦
2009/04/28 Javascript
javascript 获取url参数和script标签中获取url参数函数代码
2010/01/22 Javascript
JavaScript Array Flatten 与递归使用介绍
2011/10/30 Javascript
用jquery统计子菜单的条数示例代码
2013/10/18 Javascript
Javascript节点关系实例分析
2015/05/15 Javascript
node网页分段渲染详解
2016/09/05 Javascript
JavaScript实现图像模糊化的方法实例
2017/01/15 Javascript
JavaScript实现的商品抢购倒计时功能示例
2017/04/17 Javascript
vue.js实现单选框、复选框和下拉框示例
2017/07/18 Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
2018/03/05 Javascript
在iFrame子页面里实现模态框的方法
2018/08/17 Javascript
vue基于element的区间选择组件
2018/09/07 Javascript
python实现简单的socket server实例
2015/04/29 Python
Zabbix实现微信报警功能
2016/10/09 Python
python scatter散点图用循环分类法加图例
2019/03/19 Python
Python之虚拟环境virtualenv,pipreqs生成项目依赖第三方包的方法
2019/07/23 Python
使用 python pyautogui实现鼠标键盘控制功能
2019/08/04 Python
python pyenv多版本管理工具的使用
2019/12/23 Python
Python 代码调试技巧示例代码
2020/08/11 Python
幼师专业毕业生自荐信
2013/09/29 职场文书
党校自我鉴定范文
2013/10/02 职场文书
音乐教学反思
2014/02/02 职场文书
2014全国两会学习心得体会2000字
2014/03/10 职场文书
党员志愿者活动总结
2014/06/26 职场文书
土地租赁意向书
2014/07/30 职场文书
考试保密承诺书
2014/08/30 职场文书
幼儿园食品安全责任书
2015/05/08 职场文书
毕业答辩开场白范文
2015/05/27 职场文书
浅谈Python numpy创建空数组的问题
2021/05/25 Python
Java比较两个对象中全部属性值是否相等的方法
2021/08/07 Java/Android