开发日志:使超链接点击一次后失效,让其达到类似按钮disabled的效果

jsp中有一个使用超链接实现提交的功能

HTML:

<form action="XXX.action" method="post"  name="frmAction" id="frmAction">
    <a id="btna" name="btna" href="javascript:void(0);" οnclick="btnSub();">提交</a>
</form>
JS:

function btnSub(){
	//逻辑判断省略,最后目的是依据条件选择跳转到的Action
	document.frmAction.action="XXX.action";
	document.frmAction.submit();
}

因为有时候submit延迟导致客户重复提交,因此要求将其改为:还是用超链接实现提交效果,但只允许提交一次

如果是button的话,只要设置disabled就可以了,但在<a>标签使用disabled,而且只有IE会变色,FF不会,而无论是IE或FF都会触发点击事件

解决思路:1设置disabled=true;2第二次点击后判断disabled的值,如果为true则不继续执行

function btnSub(){
	var deok = document.getElementById("deok");
	if(deok.disabled==true){//先判断值
		alert("正在提交,请等待...");
	}else{
		var frmAction = document.getElementById("frmAction");
		//逻辑判断省略,最后目的是依据条件选择跳转到的Action
		frmAction.action="XXX.action";
		deok.disabled = true;
deok.style="color:#ACA899";//因为FF不会变色,因此转换思路,改字体的颜色
		frmAction.submit();
	}
}

因为我这是一个特殊处理href=javascript:void(0)了,实时上如果是href="http://www.baidu.com"这种类型的话,如果只是上面的处理还会继续跳转至http://www.baidu.com的连接的,要解决这种情况需要设置οnclick="return false"的形式,即

if(obj.disabled==true){
		return false;
	}else{
		return true;
	}

 <a id="btna" name="btna" href="连接" οnclick="return btnSub();">提交</a>





  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值