我想让提交按钮在提交后禁用
我想让提交按钮在提交后禁用
提问于 2020-11-23 11:00:39
我想让提交按钮在提交后禁用。这是我写的，但不起作用。你能告诉我问题出在哪里吗？
<div>
<form id="manual_form" action="" method="POST">
<button id="button" type="submit" name="manual_start">SUBMIT！</button>
</form>
</div>
<hr>
<script type="text/javascript">
let manual_form = document.getElementById('manual_form');
let manual_button = document.getElementById('button');
manual_form.addEventListener('submit', (evt) => {
console.log('submitted!');
manual_button.disabled = true;
}, false);
</script>Stack Overflow用户
发布于 2020-11-23 11:07:28
通过分配适当的submit属性，可以使用setAttribute()方法禁用disabled。在你的例子中，会是这样的：
...
manual_button.setAttribute('disabled', 'disabled');
...
let manual_form = document.getElementById('manual_form');
let manual_button = document.getElementById('button');
manual_form.addEventListener('submit', (evt) => {
evt.preventDefault();
console.log('submitted!');
manual_button.setAttribute('disabled', 'disabled');
}, false);<div>
<form id="manual_form" action="" method="POST">
<button id="button" type="submit" name="manual_start">SUBMIT！</button>
</form>
</div>
<hr>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64967135
复制相关文章
相似问题
腾讯云开发者
