0

我在 .js 文件中有此代码,通过关闭表单然后显示“消息已成功发送”文本或显示错误消息(如“错误:消息需要超过 200 个字符或请插入有效的电子邮件”来调整我的表单显示)地址”等

消息发送成功时关闭表单效果很好,只留下消息“消息发送成功”,但出现错误时关闭表单效果不佳,因为无法返回消息进行更正。

任何人都可以帮我调整代码,以便仅在成功发送消息时表单才会滑动,否则如果出现错误,表单仍然可见但下面有错误消息,这样您就可以看到错误并在形成上面的表格,然后再次按发送按钮进行第二次尝试。

这是我认为需要更改的代码,我假设它可能是与成功不同的另一种状态:对于错误阶段?:

submitHandler: function(form) {
   $("#send").attr("value", "Sending...");
   $(form).ajaxSubmit({
      success: function(responseText, statusText, xhr, $form) {
         $(form).slideUp("fast");
          $("#response").html(responseText + "<br/>").hide().slideDown("fast");
      }
   });
   return false;
}

#send是发送按钮,#response是显示响应文本的 div。

我希望有人能帮忙。谢谢。

4

1 回答 1

1

在 PHP 脚本中,以 JSON 格式返回结果:

$result = array('error' => $error, 'message' => $response);
echo json_encode($result);

在 jQuery 中,执行:

$(form).ajaxSubmit({
    dataType: 'json',
    success: function(response, statusText, xhr, $form) {
        if (!response.error) {
            $(form).slideUp("fast");
        }
        $("#response").html(response.message + "<br/>").hide().slideDown("fast");
    }
 });
于 2013-02-23T11:11:35.280 回答