兼容IE8 的清空input标签

本文详细介绍了清除页面缓存信息的四种方法,包括直接修改输入框值、使用placeholder插件、jQuery操作DOM元素和使用JavaScript原生方法。每种方法都提供了相应的代码示例,便于开发者快速应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这个问题还是有BUG 正在继续研究;我现在总结里几点清空缓存的方法

/* 清空页面的缓存信息 */
function clearLoginInput() {
document.getElementById("cellPhoneL").value = "";
document.getElementById("passWord").value = "";
document.getElementById("login_img_code").value = "";
document.getElementById("registerpassword").value = "";

if( !('placeholder' in document.createElement('input')) ){

$('.ppl').each(function(){
var that = $(this),
text= that.attr('placeholder');
if(that.val()===""){
that.val(text).addClass('placeholder');
}
that.focus(function(){
if(that.val()===text){
that.val("").removeClass('placeholder');
}
})
.blur(function(){
if(that.val()===""){
that.val(text).addClass('placeholder');
}
})
.closest('form').submit(function(){
if(that.val() === text){
that.val('');
}
});
if(that.val()==="密碼"){
placeHolder(document.getElementById("passWord"),false);
document.getElementById("passWord").attachEvent('onblur', loginPasswordVali);
}
});
}

}
<!--登陆star-->
<div class="login-zf" style="display: none;" id="loginSystem">
<span class="login-close1 login-closeBg" onclick="closeLogin()"></span>
<h3><fmt:message key="headtop.login"/></h3>
<div class="login-posit" id="login_div_cellPhoneL">
<input class="p-number ppl" type="text" placeholder="<fmt:message key="headtop.mobileuser"/>"
id="cellPhoneL" onblur="loginCellPhoneLValiIsBlank()" maxlength="50">
<p class="login-tip">
<span class="orange orange2" id="mobilecolde"></span> <i
class="login-close4 login-closeBg ml5" id="login_i_cellPhoneL"></i>
</p>
</div>
<div class="login-posit" id="login_div_passWord">
<input class="p-number ppl" type="password" placeholder="<fmt:message key="headtop.password"/>"
id="passWord" onblur="loginPasswordVali()" maxlength="16">
<p class="login-tip">
<span class="orange orange2" id="tishi"></span> <i class="login-close5 login-closeBg ml5"
id="login_i_passWord"></i>
</p>
</div>
<div class="login-positHou clearfix">
<input class="m-number fl ppl" type="text" placeholder="<fmt:message key="headtop.validatecode"/>" id="login_img_code" maxlength="4" onblur="loginImgCodeVali()">
<p class="login-tip2"><span class="orange orange2" id="login_span_imgCode"><!-- 验证码错误 --></span><i class="login-close4 login-closeBg ml5" id="login_i_imgCode"></i></p>
<!-- <a href="" class="faisongBtn fr mt20"></a> -->
<p class="faisongnian fr mt20"><img id="img_code" alt="<fmt:message key="headtop.validatenosee"/>" src="../verifyCode/getImage.do" onclick="getImage(this)"></p>
</div>
<div class="login-jizhi">
<!-- <b class="login-close2 login-closeBg"></b> -->
<input type="checkbox" id="remember" class="fl"/><label class="fl" style="font-size: 12px;"> <fmt:message key="headtop.rememberme"/></label>
<a href="javascript:void()" onclick="pwdForget()" class="fr blue"><fmt:message key="headtop.forgetpw"/></a>
<!-- -->
<div class="clearfix"></div>
</div>
<a href="javascript:void()" id="hx_dzb" class="loginBtn mt20" onclick="userLogin()"><fmt:message key="headtop.login"/></a>
<span id="tishi"></span>
<div class="mt20">
<span class="fl"><fmt:message key="headtop.nouser"/>?</span><a href="javascript:void()"
onclick="toRegister()" class="blue fl"><fmt:message key="headtop.quickregister"/></a>
</div>
</div>
<!-- 登录结束 -->

注意(必须下载一个:placeholder的插件)
==================================================================================
第二个方法!
document.getElementById("cellPhoneL").setAttribute("value","");
document.getElementById("passWord").setAttribute("value","");
document.getElementById("login_img_code").value = "";
document.getElementById("registerpassword").value = "";
if (!('placeholder' in document.createElement('input'))) {

$('input[placeholder],textarea[placeholder]').each(function() {
var that = $(this), text = that.attr('placeholder');
if (that.val() === "") {
that.val(text).addClass('placeholder');
}
that.focus(function() {
if (that.val() === text) {
that.val("").removeClass('placeholder');
}
}).blur(function() {
if (that.val() === "") {
that.val(text).addClass('placeholder');
}
}).closest('form').submit(function() {
if (that.val() === text) {
that.val('');
}
});
});
}

===============================================================================
第三个方法;
$("#cellPhoneL").val("");
$("#cellPhoneL").attr("placeholder",$("#cellPhoneL").attr("placeholder"));
$("#passWord").val("");
$("#passWord").attr("placeholder",$("#passWord").attr("placeholder"));
$("#login_img_code").val("");
$("#login_img_code").attr("placeholder",$("#login_img_code").attr("placeholder"));
===============================================================================
第四个方法;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值