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 同时在IE和FireFox获取KeyCode的代码
Feb 07 Javascript
Node.js模拟浏览器文件上传示例
Mar 26 Javascript
jquery插件jSignature实现手动签名
May 04 Javascript
原生js实现选项卡功能
Mar 08 Javascript
基于JavaScript实现数码时钟效果
Mar 30 Javascript
angularjs实现简单的购物车功能
Sep 21 Javascript
js实现单张图片平移切换效果
Oct 11 Javascript
微信小程序的部署方法步骤
Sep 04 Javascript
js实现web调用摄像头 js截取视频画面
Apr 21 Javascript
JS实现指定区域的全屏显示功能示例
Apr 25 Javascript
微信小程序之 catalog 切换实现解析
Sep 12 Javascript
微信小程序组件生命周期的踩坑记录
Mar 03 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
玩家交还《星际争霸》原始码光盘 暴雪报以厚礼
2017/05/05 星际争霸
php横向重复区域显示二法
2008/09/25 PHP
PHP中file_get_contents函数抓取https地址出错的解决方法(两种方法)
2015/09/22 PHP
详解php中 === 的使用
2016/10/24 PHP
php版微信小店调用api示例代码
2016/11/12 PHP
PHP合并两个或多个数组的方法
2019/01/20 PHP
网页里控制图片大小的相关代码
2006/06/25 Javascript
javascript中的array数组使用技巧
2010/01/31 Javascript
javascript 构造函数强制调用经验总结
2012/12/02 Javascript
JS实现Enter键跳转及控件获得焦点
2013/08/12 Javascript
JS获取各种宽度、高度的简单介绍
2014/12/19 Javascript
JS输入用户名自动显示邮箱后缀列表的方法
2015/01/27 Javascript
JavaScript高级程序设计(第三版)学习笔记1~5章
2016/03/11 Javascript
js将json格式的对象拼接成复杂的url参数方法
2016/05/25 Javascript
利用Angular+Angular-Ui实现分页(代码加简单)
2017/03/10 Javascript
微信小程序canvas写字板效果及实例
2017/06/15 Javascript
JS+WCF实现进度条实时监测数据加载量的方法详解
2017/12/19 Javascript
小程序input数据双向绑定实现方法
2019/10/17 Javascript
浅谈JS for循环中使用break和continue的区别
2020/07/21 Javascript
解决VUE项目使用Element-ui 下拉组件的验证失效问题
2020/11/07 Javascript
[51:06]2018DOTA2亚洲邀请赛3月29日 小组赛A组 KG VS Liquid
2018/03/30 DOTA
python通过伪装头部数据抵抗反爬虫的实例
2018/05/07 Python
PyQt5实现简单数据标注工具
2019/03/18 Python
python的等深分箱实例
2019/11/22 Python
Python函数默认参数常见问题及解决方案
2020/03/26 Python
Django import export实现数据库导入导出方式
2020/04/03 Python
HTML5中meta属性的使用方法
2016/02/29 HTML / CSS
使用html5实现表格实现标题合并的实例代码
2019/05/13 HTML / CSS
static全局变量与普通的全局变量有什么区别
2014/05/27 面试题
婚前保证书
2014/04/29 职场文书
2014年最新党员对照检查材料汇总
2014/09/15 职场文书
2014年安全管理工作总结
2014/12/01 职场文书
政协委员个人总结
2015/03/03 职场文书
社区挂职锻炼个人工作总结
2015/10/23 职场文书
MySQL如何构建数据表索引
2021/05/13 MySQL
win10忘记pin密码登录不了怎么办?win10忘记pin密码登不进去的解决方法
2022/07/07 数码科技