本文介绍了如何使用JavaScript实现HTML文本框数值的加减操作，包括减号按钮点击事件、文本框离开焦点事件和加号按钮点击事件的详细实现。此外，还探讨了前端缓存的清除方法，如Meta标签、清理表单缓存、jQuery AJAX清除缓存的多种方式，以及二维码分享到微信的纯JS实现和常用JS格式验证，包括身份证号、手机号和邮箱的验证。最后，展示了如何通过JS操作表单文本框和下拉列表框。
Html部分
<input type="button" value="-" id="subtraction" οnclick="subtraction()"></input>
<input type="text" value="1" id="number" onBlur="number()"></input>
<input type="button" value="+" id="add" οnclick="add()"></input><br>
JS判断
1:减号按钮点击事件
function subtraction(){
//获取-号按钮
var subtraction = document.getElementById("subtraction");
//获取文本框
var number = document.getElementById("number");
if (number.value<=1) {
//如果文本框的值小于1,则设置值为1
number.value = 1;
}else {
number.value = number.value - 1;
}
}
2:文本框离开焦点事件
function number(){
var number = document.getElementById("number");
var value = number.value;
//如果文本值为空,设置为1
if (value=="") {
number.value = 1;
}
//如果文本值为非纯数字,设置为1
//isNaN()是否为非法数字
if (isNaN(value)) {
number.value = 1;
}
//如果文本值小于1,设置为1
if (parseInt(value)<=1) {
number.value = 1;
}
}
3:加号按钮点击事件
function add(){
var add = document.getElementById("add");
var number = document.getElementById("number");
//parseInt() 将数值型字符串转换为数值
number.value = parseInt(number.value)+1;
}
meta方法
//不缓存<META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="0">
清理form表单的临时缓存
<body onLoad
最低0.47元/天 解锁文章
2376
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
