即使在提交/发布后如何阻止表单刷新

时间:2016-09-08 09:27:52

标签: javascript jquery

我有一个表单,在提交时对java代码执行'post'。  要求如下 - 在提交警告框时应该带有'ok'按钮,用户将在其中阅读信息。然后单击“确定”。 这只是一个信息对话框,没有别的。  但警报框应该保持在那里,直到他点击“确定”按钮。 我已经提交了jquery并尝试了表单提交。表单正在刷新,警报框将在成功提交时退出屏幕,因为整个表单将被发布并刷新屏幕。

1 个答案:

答案 0 :(得分:3)

您应该使用确认框,如果没有确认,则阻止默认操作。请参阅我在代码中的评论。



$(function() {
  $('form').on('submit', function(e) {
    if( !window.confirm('Do you want to send this form') ) { /* ask for confirmation */
      e.preventDefault(); /* if not confirmed, stop the default action, else send it */
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="text" />
  <input type="submit" value="Send" />
</form>
&#13;
&#13;
&#13;