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 相关文章推荐
精解window.setTimeout()&amp;window.setInterval()使用方式与参数传递问题!
Nov 23 Javascript
jquery blockUI 遮罩不能消失与不能提交的解决方法
Sep 17 Javascript
JS 屏蔽按键效果与改变按键效果的示例代码
Dec 24 Javascript
jquery easyui 结合jsp简单展现table数据示例
Apr 18 Javascript
JS表单验证的代码(常用)
Apr 08 Javascript
快速使用Bootstrap搭建传送带
May 06 Javascript
将List对象列表转换成JSON格式的类实现方法
Jul 04 Javascript
jQuery UI Grid 模态框中的表格实例代码
Apr 01 jQuery
JavaScript实现三级联动效果
Jul 15 Javascript
基于jQuery ztree实现表格风格的树状结构
Aug 31 jQuery
Vue实现验证码功能
Dec 03 Javascript
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 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
PHP代码保护--Zend Guard的使用详解
2013/06/03 PHP
PHP使用GIFEncoder类生成gif动态滚动字幕
2014/07/01 PHP
php事务处理实例详解
2014/07/11 PHP
示例详解Laravel重置密码代码重构
2016/08/10 PHP
firefox中JS读取XML文件
2006/12/21 Javascript
MooTools 1.2中的Drag.Move来实现拖放
2009/09/15 Javascript
解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
2010/05/13 Javascript
js不能跳转到上一页面的问题解决方法
2013/03/01 Javascript
鼠标放在图片上显示大图的JS代码
2013/03/26 Javascript
js去除空格的12种实用方法
2013/11/08 Javascript
通过url查找a元素并点击
2014/04/09 Javascript
jquery插件推荐浏览器嗅探userAgent
2014/11/09 Javascript
微信小程序 页面传值详解
2017/03/10 Javascript
JS排序之冒泡排序详解
2017/04/08 Javascript
微信小程序实现文字从右向左无限滚动
2020/11/18 Javascript
JS数组求和的常用方法总结【5种方法】
2019/01/14 Javascript
JS面向对象之多选框实现
2020/01/17 Javascript
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
2020/08/13 Javascript
Node在Controller层进行数据校验的过程详解
2020/08/28 Javascript
[06:33]DOTA2亚洲邀请赛小组赛第二日 TOP10精彩集锦
2015/01/31 DOTA
Python中MYSQLdb出现乱码的解决方法
2014/10/11 Python
Django压缩静态文件的实现方法详析
2018/08/26 Python
APIStar:一个专为Python3设计的API框架
2018/09/26 Python
在html5的Canvas上绘制椭圆的几种方法总结
2013/01/07 HTML / CSS
什么是ARP(Address Resolution Protocol)地址解析协议
2013/10/31 面试题
入学申请自荐信范文
2014/02/26 职场文书
《狼和小羊》教学反思
2014/04/20 职场文书
乡镇食品安全责任书
2014/07/28 职场文书
关于感恩的演讲稿800字
2014/08/26 职场文书
不遵守课堂纪律的检讨书
2014/09/24 职场文书
优秀班主任推荐材料
2014/12/17 职场文书
堂吉诃德读书笔记
2015/06/30 职场文书
python学习之panda数据分析核心支持库
2021/05/07 Python
详解Python类和对象内容
2021/06/22 Python
mysql 8.0.27 绿色解压版安装教程及配置方法
2022/04/20 MySQL
带你了解Java中的ForkJoin
2022/04/28 Java/Android