JavaScript替换字符串中最后一个字符
2024-08-27 13:06:48
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);
});
最新文章
- shell脚步传参
- August 28th 2016 Week 36th Sunday
- WEB-INF下jsp跳转
- dubbo问题总结
- LeetCode题解-----Majority Element II 摩尔投票法
- Javascript的变量与delete操作符
- USACO 5.4 Telecowmunication(最大流+枚举)
- css实现文字过长省略显示
- Sqlserver_left join 、right join、 inner join 用法
- Codeforces Round #350 (Div. 2) E. Correct Bracket Sequence Editor (链表)
- c# switch case语句
- CSDN挑战编程——《金色十月线上编程比赛第二题:解密》
- java json字符串转List、Map等对象
- WPF中TextBox的PreviewMouseLeftButtonUp事件
- 安装lnmp1.5,搬迁Laravel项目到服务器笔记
- C# 父子页面传值
- error: style attribute &#39;@android:attr/windowEnterAnimation&#39; not found.
- hbase使用MapReduce操作3(实现将 fruit 表中的一部分数据,通过 MR 迁入到 fruit_mr 表中)
- 51nod 1486 大大走格子(DP+组合数学)
- 小a的强迫症(组合数学)
热门文章
- 在IIS6,7中部署ASP.NET网站
- Python去除多余空格
- Selenium API 介绍
- Android下添加新的自定义键值和按键处理流程【转】
- 0x58 数据结构优化DP
- element-ui 分页中的slot的用法(自定义分页显示内容)
- Hadoop MapReduce编程 API入门系列之MapReduce多种输出格式分析(十九)
- 试图ddms 如果丢失adv链接解决办法!
- ansible upload
- 修改数组数据头和尾push()、pop()和unshift()、shift()