javascript禁用chrome中点击前触发的输入图像提交按钮事件

javascript disable input image submit button triggered before click event in chrome

本文关键字：输入 图像 提交 事件 按钮 chrome 禁用 javascript      更新时间：2023-09-26

我正在努力在第一次点击后禁用提交按钮，以避免表单提交错误。由于我设置验证的方式，如果表单提交了两次，"哈希"将被检查两次，并引发错误。以下代码适用于除Chrome 之外的所有浏览器

function submitHandler() {
	var submit = document.getElementById('subImage');
        if (submit) {
	    submit.addEventListener('click', submitClick, false);
        }
}
function submitClick() {
    this.disabled=true;
    return true;
}

如果我对此进行评论。disabled=true；表单提交良好，因此在触发事件之前，图像按钮似乎已禁用。如有任何帮助，我们将不胜感激。提交是一个输入图像。

<input type="Image" id="subImage" src="Images/Submit.gif" alt="Submit">

我在chrome上测试了它，它可以工作，下面是完整的代码：

<html>
<body>
 <input type="Image" id="subImage" src="https://lh6.googleusercontent.com/-H3PYmWMurJA/AAAAAAAAAAI/AAAAAAABIvA/7qNBlhQEC2s/s120-c/photo.jpg" alt="Submit">
<script>
function submitHandler() {
    var submit = document.getElementById('subImage');
        if (submit) {
        submit.addEventListener('click', submitClick, false);
        }
}
function submitClick() {
    this.disabled=true;
    return true;
}
submitHandler();
</script>
</body>
</html>
相关文章：