jquery - 表单提交上的jQuery更改元素类

Question

我已经为此工作了一段时间，但一无所获。所以请帮助我确定这是一件简单的事情。

我有一个表格，使用 PHP 和 Jquery。当您提交表单时，我希望显示一个“谢谢”标题 > 它当前隐藏。表单只能在成功验证后提交 - 我正在使用验证器。

这里重要的是我要了解如何在成功提交时更改课程。所以 display: none 在我的 CSS 中的元素可以显示。

感谢您的帮助:)

Answer 1

在不检查提交是否成功的情况下，您可以这样做...

$('#form').submit(function() {

  $('#ele').removeClass('whatever').addClass('whatever');

});

你最好使用ajax()或get()

这是一个ajax()例子：

$.ajax({
  url: "theDestinationFile.php", //the file you are posting to
  dataType: 'xml', //or json, string etc
  success: function(data) { //success!
    alert("Success: " + data);
  },
  error: function(data) { //error
    alert("error: "+data);
  }
});

*还有一些 jQuery 文档给你：http ://api.jquery.com/jQuery.ajax/ *

Answer 2

您必须按照以下步骤操作：

1. 验证表格
2. 如果表单无效，则显示相关消息并取消提交操作
3. 如果表格有效，则提交表格
4. 显示消息

现在，如果您想将页面发布回服务器（同步回发），那么您应该使消息元素在服务器端可见并隐藏表单。但是如果您使用 AJAX，您可以创建一个成功回调，并在其中更改消息元素的可见性。