【问题标题】:How do I close javascript popup box after validation is successful with php ajax callphp ajax调用验证成功后如何关闭javascript弹出框
【发布时间】:2014-04-12 08:04:02
【问题描述】:

在我的 html 表单中,会出现一个用于注册的弹出窗口。它使用带有regProcess.php 页面的ajax/query 调用来验证数据。此页面使用json_encode 将数据传递到html 表单。好吧,当所有验证成功后,我想在几秒钟后关闭 html 弹出框。我该怎么做?

<script>
  $('#form1').submit(function(event) {
    event.preventDefault();
    $.ajax({
      type: 'POST',
      url: 'backup.php',
      data: $(this).serialize(),
      dataType: 'json',       

      success: function (data) {
        $('#info1').html('');
        $.each( data, function( key, value ) {
          $('#info1').append('<p>'+value+'</p>');               
        });    

      }
    });
  });
</script>

弹出窗口出现以下 div 调用。

<div id="register">
  <a class="big-link" data-reveal-id="myModal">
    <button type="button" name="" value="" class="css3button">Join the campaign</button>
  </a>
</div>

【问题讨论】:

  • 弹出框的代码在哪里?或者什么是 ID 或类名?
  • @Dikesh &lt;div id="register"&gt;&lt;a class="big-link" data-reveal-id="myModal"&gt;&lt;button type="button" name="" value="" class="css3button"&gt;Join the campaign&lt;/button&gt;&lt;/a&gt;&lt;/div&gt; 这是一个按钮。当我点击它时。它出现一个弹出框。

标签: javascript jquery ajax


【解决方案1】:

您可以使用 setTimeout()

将 jquery 函数放入 success 函数

http://www.w3schools.com/jsref/met_win_settimeout.asp

【讨论】:

  • @lago Melanias 它不起作用....我希望在没有错误的情况下在 html 表单上显示“成功注册”。 3 秒后它应该关闭弹出框。我该怎么做?
  • 你可以看到这个例子:apidocs.mailchimp.com/api/downloads/… 这个表单有一个带有ajax验证的jquery函数。发送表单时,会显示一条消息,您可以隐藏弹出窗口,仅向sucess: function 添加一个新功能。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-04-12
  • 1970-01-01
  • 2012-01-02
  • 1970-01-01
  • 2012-09-11
  • 1970-01-01
相关资源
最近更新 更多