在提交表单操作后,在提交代码后不遵循

时间:2016-12-05 21:23:18

标签: 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>

1 个答案:

答案 0 :(得分:2)

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

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

...你从函数返回false:

onsubmit="showHide(); return false;" 

......所以不要这样做。