[英]How to Make addEventListener work on submit
am having problem making this to work on submit it works well when using在提交时遇到问题,使用时效果很好
document.getElementById("gets").addEventListener("click", b_button);
but not workng when i use但当我使用时不起作用
document.getElementById("gets").addEventListener("submit", b_button);
is there away to make it work on submit than using click有没有让它在提交上工作而不是使用点击
<form method="post">
<button type="submit" id="gets">Submit</button>
<p id="error"></p>
</form>
<script>
function b_button() {
document.getElementById("gets").disabled = true;
var time_meter = 10;
var runTimer = setInterval(function() {
if (time_meter <= 0) {
clearInterval(runTimer);
document.getElementById("error").innerHTML = "";
} else {
document.getElementById("error").innerHTML = 'counting ' + time_meter;
}
time_meter -= 1;
}, 1000);
setTimeout(function() {
document.getElementById("gets").disabled = false;
}, 10000);
}
document.getElementById("gets").addEventListener("submit", b_button);
</script>
you have to listen to form submit not to button submit你必须听表单提交而不是按钮提交
<form id="form" method="post">
document.getElementById("form").addEventListener("submit", function(e){ .... }
do not forget on e.preventDefault();
不要忘记
e.preventDefault();
inside of your code to prevent unwanted submiting在您的代码内部,以防止不必要的提交
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.