下一页加载后,表单上的Jquery提交

时间:2016-08-24 03:36:40

标签: jquery forms submit alert

我正在尝试使用jquery alert编写警报jquery函数。我基本上想要做的是提交表单,等待页面重新加载,然后显示警报。但是,我在尝试组织这个问题时遇到了麻烦。这是我的代码。

$("input.auto").click( function() {
 $('#form').on("submit", function(){
   $(document).ready( function() {
      jAlert('Example of a basic alert box in jquery', 'jquery basic alert box');
   });
 });
});

现在,警报不会等待页面重新加载,只是在点击后立即显示。我怎么能绕过这个?

2 个答案:

答案 0 :(得分:0)

单击后,页面已加载,因此将显示警报。

您应该在提交的表单中包含隐藏字段。如果传入隐藏字段,则调用警报。

答案 1 :(得分:0)

发现了一个名为jQuery Form的优秀jQuery插件。它将您的形式转变为ajax形式。非常简单,就像一个魅力。 http://malsup.com/jquery/form/#getting-started

    $(document).ready(function() { 
        $('form').ajaxForm(function() { 
            jAlert('Example of a basic alert box in jquery', 'jquery basic alert box');
        }); 
    });