gpt4 book ai didi

javascript - 检查、重置按钮在所有输入完成后激活

转载 作者:行者123 更新时间:2023-11-30 07:08:43 27 4
gpt4 key购买 nike

如何在完成 6 个输入后激活检查和重置按钮?我试过:

if($('.input') == ""){  
checkBtn.disabled = true;
resetBtn.disabled = true;
}
else{
checkBtn.disabled = false;
resetBtn.disabled = false;
}

用 fiddle 编辑 2:http://jsfiddle.net/usPMd/88/

最佳答案

编辑:您的 Jsfiddle 返回错误 404...所以我开发了一个基本示例(它并不完美)。

Jsfiddle

Javascript 解决方案:

<body>

<form>
<input type="text" onChange="checkInput()" onKeyup="checkInput()"/>
<input type="text" onChange="checkInput()" onKeyup="checkInput()"/>
<input type="text" onChange="checkInput()" onKeyup="checkInput()"/>
<input type="text" onChange="checkInput()" onKeyup="checkInput()"/>
<input type="text" onChange="checkInput()" onKeyup="checkInput()"/>
<input type="text" onChange="checkInput()" onKeyup="checkInput()"/>
<input id="send" type="submit" disabled/>
<input id="reset" type="reset" disabled/>
</form>

<script type="text/javascript">
var checkBtn = document.getElementById("send");
var resetBtn = document.getElementById("reset");
var inputTag, lengthInputTag, nbCompleted;

function forEach( a, fn ) {
return [].forEach.call(a, fn);
};

function checkInput(){
inputTag = document.getElementsByTagName("input");
lengthInputTag = inputTag.length;
nbCompleted = 0;
console.log(inputTag);

forEach(inputTag, function(el) {
if(el.value != ""){
nbCompleted++;
}
});

if(nbCompleted < 6){
checkBtn.disabled = true;
resetBtn.disabled = true;
}else{
checkBtn.disabled = false;
resetBtn.disabled = false;
}
};
</script>
</body>

关于javascript - 检查、重置按钮在所有输入完成后激活,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22451666/

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