Javascript 当我点击提交时,它会直接进入另一个页面
当我不希望表单提交到另一页时,它会提交到另一页。当前页面称为create_session.php 我希望表单提交,如果所有的验证和回发都得到满足,甚至在这之后,当确认框出现时,用户需要单击“确定”。但这永远不会发生。当用户单击submit按钮时,它会直接将用户带到另一个页面“qanadable.php”,它不关心validation(),postback()和确认框不会出现 所以我想知道的是,当用户单击submit按钮时,我如何获取它,以便它在进入下一页之前检查validation()、postback()和确认框(showConfirm()) 我认为问题在于提交按钮和表单操作。表格如下:Javascript 当我点击提交时,它会直接进入另一个页面,javascript,html,forms,Javascript,Html,Forms,当我不希望表单提交到另一页时,它会提交到另一页。当前页面称为create_session.php 我希望表单提交,如果所有的验证和回发都得到满足,甚至在这之后,当确认框出现时,用户需要单击“确定”。但这永远不会发生。当用户单击submit按钮时,它会直接将用户带到另一个页面“qanadable.php”,它不关心validation(),postback()和确认框不会出现 所以我想知道的是,当用户单击submit按钮时,我如何获取它,以便它在进入下一页之前检查validation()、post
<form action="QandATable.php" method="post" id="sessionForm">
<p><input type="text" id="txtMarks" name="textMarks" onkeypress="return isNumberKey(event)" maxlength="5" /><br/><span id="marksAlert"></span></p>
<p><strong>Room:</strong> <input type="text" id="room" name="roomChosen" value="<?php echo $roomChosen; ?>" />
<br/><span id="roomAlert"></span></p> <!-- Enter Room here-->
<p><input class="questionBtn" type="submit" value="Prepare Questions" name="prequestion" onClick="myClickHandler()"/></p>
</form>
您需要从
onClick
处理程序返回false
,以防止表单被提交。您需要从onClick
处理程序返回false
,以防止表单被提交。;您需要传递函数,而不是函数的返回值,并且需要返回false
:
<input class="questionBtn" type="submit" value="Prepare Questions" name="prequestion" onClick="myClickHandler" />
------------------------------------------------------------------------------------------------------------^ here
两个变化;您需要传递函数,而不是函数的返回值,并且需要返回
false
:
<input class="questionBtn" type="submit" value="Prepare Questions" name="prequestion" onClick="myClickHandler" />
------------------------------------------------------------------------------------------------------------^ here
您需要确保在单击提交按钮时未应用默认操作。在这种情况下,默认操作是提交表单 尝试添加一个
返回false代码>例如
<input class="questionBtn" type="submit" value="Prepare Questions" name="prequestion" onClick="myClickHandler(); return false;"/>
您需要确保在单击提交按钮时未应用默认操作。在这种情况下,默认操作是提交表单
尝试添加一个返回false代码>例如
<input class="questionBtn" type="submit" value="Prepare Questions" name="prequestion" onClick="myClickHandler(); return false;"/>
您是否在浏览器控制台中看到任何Javascript错误?您是否在浏览器控制台中看到任何Javascript错误?