gpt4 book ai didi

javascript - 使用 JavaScript 禁用 html 按钮不会 POST

转载 作者:可可西里 更新时间:2023-11-01 14:45:44 26 4
gpt4 key购买 nike

我的按钮有以下 Javascript 和 HTML 代码:

function lockoutSubmit(button) {
var oldValue = button.value;

button.setAttribute('disabled', true);
button.value = '...processing...';

setTimeout(function(){
button.value = oldValue;
button.removeAttribute('disabled');
}, 3000)
}
<button style="margin-right:-160px;" type="submit" name="gen" onclick="lockoutSubmit(this)" class="btn btn-danger btn-block">Generate account!</button>

代码可以很好地禁用按钮 3 秒,但按钮不再发布到“gen”。

最佳答案

更改 innerHTML 而不是值并将参数绑定(bind)到 settimeout 而不是依赖上下文。

此外,按钮值可能与您认为的不同: http://www.w3schools.com/tags/att_button_value.asp

<html>
<head>
<script>
function _Unlock(){
var tB = document.getElementById('gen');
tB.removeAttribute('disabled');
tB.innerHTML = 'Generate account!';

localStorage.setItem('Lock', 0);
}

function Unlock(){
var tS = localStorage.getItem('Lock');

if (tS != '1') _Unlock()
else{
setTimeout(function(e, v){
_Unlock()
}, 3000)
}
}

function setToLock(){
localStorage.setItem('Lock', 1);
}
</script>
</head>

<body onload = 'Unlock()'>
<!-- Do you have a form and is it setup correctly? -->
<form action = '' method = 'post' id = 'myForm' onsubmit = 'setToLock()'>
<button id = 'gen' type = 'submit' name = 'gen' disabled = 'disabled'>...processing...</button>
<form>
</body>
</html>

关于javascript - 使用 JavaScript 禁用 html 按钮不会 POST,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30663077/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com