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之锁定表格栏位
Jun 29 Javascript
比较简单的异步加载JS文件的代码
Jul 18 Javascript
JavaScript日历实现代码
Sep 12 Javascript
json的前台操作和后台操作实现代码
Jan 20 Javascript
toggle()隐藏问题的解决方法
Feb 17 Javascript
jQuery实现移动 和 渐变特效的点击事件
Feb 26 Javascript
JS获取下拉框显示值和判断单选按钮的方法
Jul 09 Javascript
js实现多图左右切换功能
Aug 04 Javascript
Javascript之面向对象--接口
Dec 02 Javascript
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
Feb 13 Javascript
vue-router路由参数刷新消失的问题解决方法
Jun 17 Javascript
angular多语言配置详解
May 16 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&amp;&amp;mysql)四
2006/10/09 PHP
php file_get_contents函数轻松采集html数据
2010/04/22 PHP
CodeIgniter使用phpcms模板引擎
2013/11/12 PHP
PHP生成数组再传给js的方法
2014/08/07 PHP
PHP中$this和$that指针使用实例
2015/01/06 PHP
php制作简单模版引擎
2016/04/07 PHP
php 读取输出其他文件的实现方法
2016/07/26 PHP
javascript 操作select下拉列表框的一点小经验
2010/03/20 Javascript
基于jquery的分页控件(C#)
2011/01/06 Javascript
使用indexOf等在JavaScript的数组中进行元素查找和替换
2013/09/18 Javascript
javascript 上下banner替换具体实现
2013/11/14 Javascript
js中window.open()的所有参数详细解析
2014/01/09 Javascript
javascript解析json实例详解
2014/11/05 Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
2015/12/02 Javascript
浅谈jquery中next与siblings的区别
2016/10/27 Javascript
vue-router单页面路由
2017/06/17 Javascript
JQuery 获取多个select标签option的text内容(实例)
2017/09/07 jQuery
解决Mac node版本升级失败的问题
2018/05/16 Javascript
详解Chart.js轻量级图表库的使用经验
2018/05/22 Javascript
微信小程序仿美团城市选择
2018/06/06 Javascript
通过jquery.cookie.js实现记住用户名、密码登录功能
2018/06/20 jQuery
JavaScript实现JSON合并操作示例【递归深度合并】
2018/09/07 Javascript
JavaScript基础教程之如何实现一个简单的promise
2018/09/11 Javascript
微信小程序实现简单跑马灯效果
2020/05/26 Javascript
js实现随机抽奖
2020/03/19 Javascript
Python Numpy 自然数填充数组的实现
2019/11/28 Python
设置jupyter中DataFrame的显示限制方式
2020/04/12 Python
python matplotlib模块基本图形绘制方法小结【直线,曲线,直方图,饼图等】
2020/04/26 Python
python根据用户需求输入想爬取的内容及页数爬取图片方法详解
2020/08/03 Python
CSS3制作3D立方体loading特效
2020/11/09 HTML / CSS
MyFrenchPharma中文网:最大的法国药妆平台
2016/10/07 全球购物
世界上最悠久的自行车制造商:Ribble Cycles
2017/03/18 全球购物
给排水专业应届生求职信
2013/10/12 职场文书
2014社会治安综合治理工作总结
2014/12/04 职场文书
企业内部管理控制:采购授权审批制度范本
2020/01/19 职场文书
Python 第三方库 openpyxl 的安装过程
2022/12/24 Python