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 相关文章推荐
jquery 圆形旋转图片滚动切换效果
Jan 19 Javascript
javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Jul 21 Javascript
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
Jul 31 Javascript
获取客户端网卡MAC地址和IP地址实现JS代码
Mar 17 Javascript
javascript实现可改变滚动方向的无缝滚动实例
Jun 17 Javascript
jquery新的绑定事件机制on方法的使用方法
Apr 15 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
Nov 07 Javascript
jquery实现企业定位式导航效果
Jan 01 jQuery
Vue 项目代理设置的优化
Apr 17 Javascript
js实现下拉框二级联动
Dec 04 Javascript
vue遍历生成的输入框 绑定及修改值示例
Oct 30 Javascript
vue 动态给每个页面添加title、关键词和描述的方法
Aug 28 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
《雄兵连》《烈阳天道》真的来了
2020/07/13 国漫
PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)
2011/12/28 PHP
php中get_object_vars()方法用法实例
2015/02/08 PHP
php模式设计之观察者模式应用实例分析
2019/09/25 PHP
Laravel服务容器绑定的几种方法总结
2020/06/14 PHP
ThinkPHP 5 AJAX跨域请求头设置实现过程解析
2020/10/28 PHP
window.onbeforeunload方法在IE下无法正常工作的解决办法
2010/01/23 Javascript
jQuery在iframe中无法弹出对话框的解决方法
2014/01/12 Javascript
使用JavaScript判断图片是否加载完成的三种实现方式
2014/05/04 Javascript
用JavaScript实现对话框的教程
2015/06/04 Javascript
原生js实现addclass,removeclass,toggleclasss实例
2016/11/24 Javascript
ionic2 tabs使用 Modal底部tab弹出框
2016/12/30 Javascript
canvas实现粒子时钟效果
2017/02/06 Javascript
关闭Vue计算属性自带的缓存功能方法
2018/03/02 Javascript
vue弹窗插件实战代码
2018/09/08 Javascript
vue实现随机验证码功能的实例代码
2019/04/30 Javascript
vue 如何从单页应用改造成多页应用
2020/10/23 Javascript
[42:27]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第三局
2016/03/05 DOTA
[01:03:41]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第三场 2月2日
2021/03/11 DOTA
python用ConfigObj读写配置文件的实现代码
2013/03/04 Python
Python科学计算之Pandas详解
2017/01/15 Python
浅谈Python中range和xrange的区别
2017/12/20 Python
Python模块WSGI使用详解
2018/02/02 Python
Python3实现购物车功能
2018/04/18 Python
python中hasattr()、getattr()、setattr()函数的使用
2019/08/16 Python
Python *args和**kwargs用法实例解析
2020/03/02 Python
完美解决python针对hdfs上传和下载的问题
2020/06/05 Python
HTML5单页面手势滑屏切换原理分析
2017/07/10 HTML / CSS
美国农场鲜花速递:The Bouqs
2018/07/13 全球购物
意大利独特而优质的家居用品:Fazzini
2018/12/05 全球购物
信息管理员岗位职责
2013/12/01 职场文书
学生思想表现的评语
2014/01/30 职场文书
21岁生日感言
2014/02/27 职场文书
致运动员的广播稿
2015/08/19 职场文书
2019年度政务公开考核工作总结模板
2019/11/11 职场文书
Nginx缓存设置案例详解
2021/09/15 Servers