php - 重置ajax表单提交，以便新信息可以再次发送

Question

这是一个弹出表单，我想使用，问题是表单提交一次后，它不会再次显示以发送不同的信息，唯一有效的方法是重新加载页面，但我不想这样做。

here's the website

here's the live demo

   <!-- basic fancybox setup -->
 <script type="text/javascript">
function validateEmail(email) { 
    var reg = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|         (\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-  zA-Z]{2,}))$/;
    return reg.test(email);
}

 $(document).ready(function() {
    $(".modalbox").fancybox();
    $("#contact").submit(function() { return false; });


    $("#send").on("click", function(){
        var emailval  = $("#email").val();
        var msgval    = $("#msg").val();
        var msglen    = msgval.length;
        var mailvalid = validateEmail(emailval);

        if(mailvalid == false) {
            $("#email").addClass("error");
        }
        else if(mailvalid == true){
            $("#email").removeClass("error");
        }

        if(msglen < 4) {
            $("#msg").addClass("error");
        }
        else if(msglen >= 4){
            $("#msg").removeClass("error");
        }

        if(mailvalid == true && msglen >= 4) {
            // if both validate we attempt to send the e-mail
            // first we hide the submit btn so the user doesnt click twice
            $("#send").replaceWith("<em>sending...</em>");

            $.ajax({
                type: 'POST',
                url: 'sendmessage.php',
                data: $("#contact").serialize(),
                success: function(data) {
                    if(data == "true") {
                        $("#contact").fadeOut("fast", function(){
                            $(this).before("<p><strong>Success! Your feedback has been sent, thanks :)</strong></p>");
                            setTimeout("$.fancybox.close()", 1000);
                        data == "true"; 
                        });
                    }
                }
            });
        }
    });
});

Answer 1

在模型框 anchor 链接上点击写下面的代码。

$('#contact').show().prev('p').hide();

那么完整的代码就是

$('.modalbox').click(function(){
   //$('#contact').show().prev('p').hide();
   $('#contact').prev('p').hide();
   $('#contact').show();
});