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

标签 javascript forms post

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

最佳答案

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

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

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

onsubmit="showHide(); return false;" 

...所以不要这样做。

关于javascript - 在 onsubmit 代码之后提交表单操作时不遵循,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40983597/

相关文章:

javascript - Google 图表中的双 y 轴

python - Django ModelForm 可以显示存储值的自定义表示吗?

php - 如何在提交php时传递动态表单的字段名称和值

javascript - 将 Angular 的 $q.all 与相互依赖的 Promise 一起使用

javascript - 在 anchor 标记内居中对齐跨度

Javascript 函数只运行一次

javascript - 两次提交调用函数

javascript - 使用 AJAX 将表单输入发送到 PHP

android - 在Android中使用HTTP POST发送大数据

python - 如何在 python 中使用 2-legged oauth2 发送 POST?