验证通过php ajax调用成功后如何关闭javascript弹出框

Question

In my html form, a popup window appears for registration. It validates data with an ajax/query call with regProcess.php page. This page is passing data to html form with json_encode . Well, when all validation is successful I want to close the html popup box after few second. How can I do this?

<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>

The popup window appears with following div call.

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

Answer 1

You can put a jquery function in the success function with the setTimeout()

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