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>