Question

我正在努力在第一次点击后禁用提交按钮以避免表单提交错误。由于我已经设置验证的方式如果表单被提交两次，'hash'将被检查两次抛出错误。以下代码适用于除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">

Answer 1

我在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>

javascript禁用输入图像提交按钮，在Chrome中单击事件之前触发

1 个答案: