javascript - 用Javascript提交表单不起作用

我有一个上传文件的简单表格。如果我使用普通的提交按钮，那么一切都会按预期进行:

<form id="mainform" method="post" action="/" enctype="multipart/form-data">
...
<input type="submit" id="submit" value="Analyze File"/>
</form>

但是，如果我将其更改为普通按钮并使用Javascript提交表单，则不会发生任何事情:

<input type="button" id="submit" value="Analyze File" onclick="document.getElementById('mainform').submit()"/>

我验证了onclick处理程序确实正在被调用，并且查找表单可以正常工作。例如，如果我将其更改为onclick="alert(document.getElementById('mainform').action)"，警报将按预期方式显示并显示表单的目标URL。但是由于某种原因，对submit()的调用根本没有提交表单。

最佳答案

问题是您的submit按钮。它的id是submit，这意味着document.getElementById("mainform").submit代表ID为submit的按钮，而不是submit函数。

您只需要更改该按钮的ID，一切都很好。

关于javascript - 用Javascript提交表单不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18902922/