forms - 使用 Modal、Form Validation 和 Constant Contact Form Generator 保持在同一页面上

Question

我是一个 jQuery 新手和 ma 试图使用模式来显示由表单生成器生成的恒定联系简单表单。我已经应用了 jQuery.validate()，并且验证工作正常，但我不知道如何提交表单。如果标签中有 action="signup/index.php"，我会进入一个新页面。

生成的表单使用 action='signup/index.php' 并且该文件要求新的页面位置参见 Github 中的文件。我评论了最后几行，但仍然无法提交表单。我在常联系电子邮件列表中看不到新电子邮件。

这是我的提交处理程序

submitHandler: function() {
        $('#signup').click(function(e) {
            $.post('signup/index.php', $().serialize(), function(data) {
                $('#output-div').html(data);
            });
            $('#form-message').fadeIn(300, function() {
                $('#form-message').html('<p>Thank you for joining our list.  Great offers coming soon.</p>')
            });
            $('#myModal').delay(1500).trigger('reveal:close');
        });

    }

Answer 1

解决了。

我已经注释掉了 signup/index.php 的最后几行，包括这一行

if($postFields['request_type'] == 'ajax'){ $postFields["success_url"]=''; $postFields["failure_url"]=''; }

出于某种原因，表单提交成功需要该行。该行之后的所有内容都被注释掉，从

if ($return_code==201) {

至

</ol>
        </p>'; }
    }

我的 jQuery 正在处理消息、错误和完成等

submitHandler: function() {
        $.post('/dev/rest/ccphp/signup/index.php', $("#ccsfg").serialize(), function(data) {
            $('#results').html(data);
        }).success(function() { 
            $('#ccsfg').html('<h4>Thank you for joining our list.  Great offers coming soon.</h4>');
        })
            .error(function() {
            $('#ccsfg').html('<h4>Oops!  There was an error.  Please try again. </h4>');
         })
            .complete(function() {
            $('#myModal').delay(1500).trigger('reveal:close');
         });
    }