全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

JavaScript实现替换字符串中最后一个字符的方法

本文实例讲述了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)初始化

(2)输入“3”后

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中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript遍历算法与技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。


# JavaScript  # 替换  # 字符串  # 最后一个字符  # JS替换字符串中指定位置的字符(多种方法)  # js replace替换字符串同时替换多个方法  # JS基于正则截取替换特定字符之间字符串操作示例  # JavaScript正则表达式替换字符串中图片地址(img src)的方法  # javascript将字符串中的多个空格替换为一个空格的正则实例  # JavaScript利用正则表达式替换字符串中的内容  # js替换字符串中所有指定的字符(实现代码)  # js replace(a  # b)之替换字符串中所有指定字符的方法  # JS中进行字符串替换的方法  # 相关内容  # 遍历  # 感兴趣  # 数据结构  # 给大家  # 会将  # 更多关于  # 所述  # 程序设计  # 框中  # 长度为  # 键盘输入  # 操作技巧  # 讲述了  # EN  # Transitional  # www  # http  # W3C  # PUBLIC 


相关文章: 招商网站制作流程,网站招商广告语?  如何制作网站标识牌,动态网站如何制作(教程)?  已有域名和空间,如何快速搭建网站?  如何高效利用亚马逊云主机搭建企业网站?  广州顶尖建站服务:企业官网建设与SEO优化一体化方案  建站主机是否属于云主机类型?  如何快速搭建高效服务器建站系统?  非常酷的网站设计制作软件,酷培ai教育官方网站?  怀化网站制作公司,怀化新生儿上户网上办理流程?  巅云智能建站系统:可视化拖拽+多端适配+免费模板一键生成  安徽网站建设与外贸建站服务专业定制方案  如何在IIS中新建站点并配置端口与物理路径?  怎么将XML数据可视化 D3.js加载XML  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗?  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设?  网站制作价目表怎么做,珍爱网婚介费用多少?  存储型VPS适合搭建中小型网站吗?  Swift中swift中的switch 语句  常州自助建站费用包含哪些项目?  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  c# await 一个已经完成的Task会发生什么  微课制作网站有哪些,微课网怎么进?  建站为何优先选择香港服务器?  网站制作多少钱一个,建一个论坛网站大约需要多少钱?  山东网站制作公司有哪些,山东大源集团官网?  网站制作公司广州有几家,广州尚艺美发学校网站是多少?  高端建站如何打造兼具美学与转化的品牌官网?  如何在局域网内绑定自建网站域名?  如何选择最佳自助建站系统?快速指南解析优劣  香港服务器网站卡顿?如何解决网络延迟与负载问题?  如何用已有域名快速搭建网站?  如何挑选优质建站一级代理提升网站排名?  建站之星伪静态规则如何设置?  ,购物网站怎么盈利呢?  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站?  如何设计高效校园网站?    网站制作员失业,怎样查看自己网站的注册者?  青岛网站建设如何选择本地服务器?  如何通过FTP服务器快速搭建网站?  佛山网站制作系统,佛山企业变更地址网上办理步骤?  建站之星安全性能如何?防护体系能否抵御黑客入侵?  如何通过VPS建站无需域名直接访问?  攀枝花网站建设,攀枝花营业执照网上怎么年审?  黑客如何通过漏洞一步步攻陷网站服务器?  成都网站制作价格表,现在成都广电的单独网络宽带有多少的,资费是什么情况呢?  浅谈Javascript中的Label语句  阿里云网站制作公司,阿里云快速搭建网站好用吗?  高防服务器如何保障网站安全无虞?  深圳网站制作平台,深圳市做网站好的公司有哪些? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。