javascript - 禁用和启用 html 按钮

Question

如果用户选择视频文件并且文本框不为空，则用户只能单击提交按钮。我可以禁用提交按钮，但无法重新启用它

<form action="upload.php" method="post" enctype="multipart/form-data">
<label for="file"><span></span></label>
<input type="file" name="videofile" id="videofile" />
<br/>
Please enter video title:
<br/>
<input type"text" name="videoTitle" />
<br />
<input type="button" disabled id="Submit" value="Submit" onclick="submit()"/>
</form>

                <script>

                document.getElementById('submit').disabled = true;
                var n=document.getElementById('videoTitle').value;

                function submit();

                if($('#videofile')[0].files.length != 0) && (n.length > 1)
                {
                document.getElementById('submit').disabled = false;
                }
                </script>

Answer 1

你的代码有很多错误。这是您更正后的代码:

function check() {
  if (document.querySelector('#videofile').files.length != 0 && (document.getElementById("videoTitle").value.length > 1)) {
    document.getElementById('Submit').disabled = false;
  } else {
    document.getElementById('Submit').disabled = true;
  }
}

Here is the JSFiddle demo

• 添加了缺少的 ID(您仅添加了 name 属性，但在尝试使用它们时忘记了 ID)
• 将代码中的“提交”更改为“提交”
• 删除 JQuery $ 语法
• 在按键上进行验证，而不是在提交点击时进行验证(这没有意义，因为在按钮禁用时您无法单击该按钮)
• Else 添加代码，用于在条件无效时重新禁用按钮