全网整合营销服务商

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

免费咨询热线: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 


相关文章: 如何快速上传自定义模板至建站之星?  网站制作企业,网站的banner和导航栏是指什么?  七夕网站制作视频,七夕大促活动怎么报名?  如何在搬瓦工VPS快速搭建网站?  python的本地网站制作,如何创建本地站点?  如何快速搭建支持数据库操作的智能建站平台?  建站之星安装步骤有哪些常见问题?  建站主机选哪家性价比最高?  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄?  建站之星后台密码如何安全设置与找回?  合肥做个网站多少钱,合肥本地有没有比较靠谱的交友平台?  Swift中switch语句区间和元组模式匹配  建站主机服务器选型指南与性能优化方案解析  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站?  如何快速搭建响应式可视化网站?  如何在Mac上搭建Golang开发环境_使用Homebrew安装和管理Go版本  如何在Windows 2008云服务器安全搭建网站?  如何高效完成独享虚拟主机建站?  高防服务器:AI智能防御DDoS攻击与数据安全保障  如何通过山东自助建站平台快速注册域名?  潮流网站制作头像软件下载,适合母子的网名有哪些?  如何在景安服务器上快速搭建个人网站?  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛,就是里面都是武汉人的?  专业网站建设制作报价,网页设计制作要考什么证?  大连网站制作公司哪家好一点,大连买房网站哪个好?  C#如何使用XPathNavigator高效查询XML  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的,背景音乐、音效等?  Android使用GridView实现日历的简单功能  重庆网站制作公司哪家好,重庆中考招生办官方网站?  网站按钮制作软件,如何实现网页中按钮的自动点击?  网站企业制作流程,用什么语言做企业网站比较好?  巅云智能建站系统:可视化拖拽+多端适配+免费模板一键生成  如何配置IIS站点权限与局域网访问?  如何使用Golang table-driven基准测试_多组数据测量函数效率  教育培训网站制作流程,请问edu教育网站的域名怎么申请?  家庭服务器如何搭建个人网站?  如何快速打造个性化非模板自助建站?  C++中的Pimpl idiom是什么,有什么好处?(隐藏实现)  网站好制作吗知乎,网站开发好学吗?有什么技巧?  设计网站制作公司有哪些,制作网页教程?  北京网站制作网页,网站升级改版需要多久?  如何确保西部建站助手FTP传输的安全性?  济南网站建设制作公司,室内设计网站一般都有哪些功能?  如何解决VPS建站LNMP环境配置常见问题?  黑客入侵网站服务器的常见手法有哪些?  枣阳网站制作,阳新火车站打的到仙岛湖多少钱?  建站之星五站合一营销型网站搭建攻略,流量入口全覆盖优化指南  如何通过免费商城建站系统源码自定义网站主题与功能?  安徽网站建设与外贸建站服务专业定制方案 

您的项目需求

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