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);
});

最新文章

  1. shell脚步传参
  2. August 28th 2016 Week 36th Sunday
  3. WEB-INF下jsp跳转
  4. dubbo问题总结
  5. LeetCode题解-----Majority Element II 摩尔投票法
  6. Javascript的变量与delete操作符
  7. USACO 5.4 Telecowmunication(最大流+枚举)
  8. css实现文字过长省略显示
  9. Sqlserver_left join 、right join、 inner join 用法
  10. Codeforces Round #350 (Div. 2) E. Correct Bracket Sequence Editor (链表)
  11. c# switch case语句
  12. CSDN挑战编程——《金色十月线上编程比赛第二题:解密》
  13. java json字符串转List、Map等对象
  14. WPF中TextBox的PreviewMouseLeftButtonUp事件
  15. 安装lnmp1.5,搬迁Laravel项目到服务器笔记
  16. C# 父子页面传值
  17. error: style attribute &#39;@android:attr/windowEnterAnimation&#39; not found.
  18. hbase使用MapReduce操作3(实现将 fruit 表中的一部分数据,通过 MR 迁入到 fruit_mr 表中)
  19. 51nod 1486 大大走格子(DP+组合数学)
  20. 小a的强迫症(组合数学)

热门文章

  1. 在IIS6,7中部署ASP.NET网站
  2. Python去除多余空格
  3. Selenium API 介绍
  4. Android下添加新的自定义键值和按键处理流程【转】
  5. 0x58 数据结构优化DP
  6. element-ui 分页中的slot的用法(自定义分页显示内容)
  7. Hadoop MapReduce编程 API入门系列之MapReduce多种输出格式分析(十九)
  8. 试图ddms 如果丢失adv链接解决办法!
  9. ansible upload
  10. 修改数组数据头和尾push()、pop()和unshift()、shift()