在 onsubmit 代码之后提交表单操作不遵循答案

【问题标题】：When submitting form action doesn't follow after onsubmit code在 onsubmit 代码之后提交表单操作不遵循
【发布时间】：2016-12-05 21:23:18
【问题描述】：

我的网站上有一个小表单，但是当我提交时，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>

【问题讨论】：

action 属性中应该有正斜杠，而不是反斜杠。

标签： javascript forms post

【解决方案1】：

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

在这种情况下，默认操作是提交表单。

...你从函数中返回 false：

onsubmit="showHide(); return false;"

……所以不要那样做。

【讨论】：