使用模态,表单验证和常量联系表单生成器保持同一页面

时间:2012-05-26 02:39:19

标签: forms validation modal-dialog constantcontact

我是一个jQuery新手,并试图使用模态来显示由form generator生成的常量联系人简单形式。我已经应用了jQuery.validate(),验证工作正常,但我不知道如何提交表单。如果标签中有action =“signup / index.php”,我将登陆新页面。

生成的表单使用action ='signup / index.php',此文件调用新的页面位置see file in Github。我评论了最后一行,但仍未提交表单。我在Constant Contact电子邮件列表中看不到新电子邮件。

这是我的sumbmit处理程序

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');
        });

    }

1 个答案:

答案 0 :(得分:0)

解决了它。

我已经注释掉了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');
         });
    }