Javascript 提交表单后禁用超链接

我试图禁用一个超链接，一旦它被点击。我找到了一个使用

onSubmit

函数的解决方案，因为这将允许表单提交，然后它会立即禁用链接，但在这里它没有这样做

我还编写了一个

JavaScript

函数，但问题是单击按钮后如何调用此函数

JS

表格：

如果有人做过类似的事情，请告诉我

---

谢谢。

您可以在提交后添加css类：

.disabled-link{
    pointer-events: none;
    cursor: default;
}

---

锚元素

a

不是表单元素，因此它不会触发

onsubmit

事件。您需要绑定到“click”事件并自己处理单击状态。锚元素的“disabled”属性在所有浏览器上都不受尊重，因此您不能依赖它来进行行为或更改外观。您需要将一个类添加到元素中，并为该类添加CSS以使其显示为禁用

var elem=document.getElementById（“下载”）；
元素addEventListener（“单击”，myFunction，false）；
var download\u clicked=false；
功能myFunction（ev）{
如果（单击下载）{
ev.stopPropagation（）；
}否则{
警惕（“一次！”）；
下载_clicked=true；
元素类列表添加（“禁用”）；
}
}

a.禁用{
颜色：#aaa；
文字装饰：无；
游标：默认值；
}

这意味着JavaScript是唯一的解决方案。谢谢你的回答，米歇尔。是否有一种使用JavaScript的方法？提交表单后是否会生效？

 <td class="dataFieldCell">
            <div class="esignNavigation">
                <s:if test="%{#parameters.showReport}">
                <a href="#x" id="downloadReport" style="width:155px" title="This function will provide you a 30 day download of all your eSign transactions." onSubmit="document.getElementById('viewIntegrationReport').disabled=true"><span>Export E-Sign Information</span></a> 
                </s:if>             
            </div> 
        </td> 

.disabled-link{
    pointer-events: none;
    cursor: default;
}