javascript - 在 onsubmit 代码之后提交表单操作时不遵循

Question

我的网站上有一个小表单，但是当我提交时，onsubmit 会执行，但它永远不会结束，这很好，因为它是一个加载图标。但它不会执行我的操作代码，所以我的代码出了什么问题，这样我就可以激活 onsubmit，然后执行操作命令，php 文件将我带到成功页面。 (php 文件没问题)。提前致谢!

<script 
type="text/javascript">
function showHide() {
var div = document.getElementById("hidden_div");
if (div.style.display == 'none') {
div.style.display = '';
}
else {
div.style.display = 'none';
return false;
}
}
</script>

<form name="form2" method="POST" onsubmit="showHide(); return false;" action="\JocanasNLsuggest.php">    
Ideeën voor nieuwe films, TV-series games of functies:<br><textarea class="input" name="comment" rows="5" cols="30" required></textarea><br><br>
<input type="submit" value="Voorstellen" name="submit">
</form>

<div id="hidden_div" style="display:none">
<div class="loader"></div>
</div>

Answer 1

从分配有内在事件属性的事件处理程序返回 false 将阻止默认操作。

在本例中，默认操作是提交表单。

...并且您从函数中返回 false:

onsubmit="showHide(); return false;" 

...所以不要这样做。