我希望根据表单是否填满来禁用/启用我的表单提交按钮。
当输入被填满时,禁用按钮变为启用。效果很好。 但我希望它在输入被清空时禁用按钮。
这是我的脚本:
<script type="text/javascript" language="javascript">
function checkform()
{
var f = document.forms["theform"].elements;
var cansubmit = true;
for (var i = 0; i < f.length; i++) {
if (f[i].value.length == 0) cansubmit = false;
}
if (cansubmit) {
document.getElementById('submitbutton').disabled = false;
}
}
</script>
<form name="theform">
<input type="text" onKeyup="checkform()" />
<input type="text" onKeyup="checkform()" />
<input id="submitbutton" type="submit" disabled="disabled" value="Submit" />
</form>
最佳答案
就用
document.getElementById('submitbutton').disabled = !cansubmit;
而不是仅适用于单向的 if 子句。
此外,对于禁用 JS 的用户,我建议设置初始 disabled
仅由 JS。为此,只需将脚本移到 <form>
后面并调用checkform();
一次。
关于javascript - 禁用/启用提交按钮,直到填写完所有表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13931688/