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”后

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

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替换字符串中最后一个字符的更多相关文章

  1. Java-Runoob-高级教程-实例-字符串：03. Java 实例 - 删除字符串中的一个字符

    ylbtech-Java-Runoob-高级教程-实例-字符串:03. Java 实例 - 删除字符串中的一个字符 1.返回顶部 1. Java 实例 - 删除字符串中的一个字符  Java 实例 以 ...

  2. HashTable集合和练习题_计算一个字符串中每一个字符出现的次数

    HashTable集合 /** * java.util.Hashtable<K,V>集合 implement Map<K,V>接口 * Hashtable:底层也是一个哈希表, ...

  3. python3 替换字符串中指定位置字符

    大家都知道字符串在python中是不可变数据类型,那么我们如何替换字符串中指定位置的字符呢? 字符串转换列表替换并转换解决: def replace_char(string,char,index): ...

  4. Javascript --扩展String实现替换字符串中index处字符

    String.prototype.replaceCharAt = function(n,c){ return this.substr(0, n)+ c + this.substr(n+1,this.l ...

  5. Java-从字符串或一个子字符串中搜索一个字符

    indexOf函数 package com.tj; public class MyClass implements Cloneable { public static void main(String ...

  6. 如何用原生js替换字符串中的某个字符（或字符串）为指定的字符串？

    <html> <head><title>我的第一个 HTML 页面</title></head><script type=" ...

  7. python 正则表达式替换字符串中匹配的字符

    import re street = '21 Ramkrishna Road' print(re.sub('Road$', 'Rd.', street)) 将结尾的Road用Rd.替换

  8. sed替换字符串中的某些字符

    test.txt原文内容 http://jsldfjaslfjsldfjasl/test?jlsdfjsalfjslfd 使用sed替换 sed -ri 's/(http:\/\/)[^\/]*(\/ ...

  9. js replace(a,b)之替换字符串中所有指定字符的方法

    var str = 'abcadeacf'; var str1 = str.replace('a', 'o'); alert(str1); // 打印结果: obcadeacf var str2 = ...

随机推荐

  1. POJ3255 Roadblocks 严格次短路

    题目大意:求图的严格次短路. 方法1: SPFA,同时求单源最短路径和单源次短路径.站在节点u上放松与其向量的v的次短路径时时,先尝试由u的最短路径放松,再尝试由u的次短路径放松(该两步并非非此即彼) ...

  2. 基于Spring boot的web项目搭建教程（一）

    前言: 本教程参考了大量前辈的代码,在此不方便一一列举.本教程使用IDEA开发工具搭建项目,对于本人的IDEA已经集成了某些插件,比如Lombok,Thymeleaf,yml等插件,这些插件不在文中提 ...

  3. ES6 Proxy 性能之我见

    ES6 Proxy 性能之我见 本文翻译自https://thecodebarbarian.com/thoughts-on-es6-proxies-performance Proxy是ES6的一个强力 ...

  4. Mysql外键的变种 三种关系

    一.介绍 因为有foreign key的约束,使得两张表形成了三种了关系: 多对一 多对多 一对一 二.重点理解如果找出两张表之间的关系 分析步骤: #1.先站在左表的角度去找 是否左表的多条记录可以 ...

  5. B - Expression

    Problem description Petya studies in a school and he adores Maths. His class has been studying arith ...

  6. 取消页面按钮的enter按下事件

    <script src="../../@Javascript/jquery-1.8.1.js"></script>       <script lan ...

  7. 每条sql语句实际上都是一个事物（事物多种类型解读）

    事务(数据库引擎) 事务是作为单个逻辑工作单元执行的一系列操作.一个逻辑工作单元必须有四个属性,称为原子性.一致性.隔离性和持久性 (ACID) 属性,只有这样才能成为一个事务.原子性事务必须是原子工 ...

  8. Entity Framework 的懒加载、预先加载、显示加载

    1.新建两个实体,一个班级有多个学生 public class Student { public int StudentId { get; set; } public string StudentNa ...

  9. [Offer收割]编程练习赛39

    公平分队 #pragma comment(linker, "/STACK:102400000,102400000") #include<stdio.h> #includ ...

  10. innerHTML的用法

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...