jQuery 在表单提交时更改元素类

Question

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

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

这里重要的是我要了解如何在成功提交后更改类。所以我的 CSS 中的 display: none 元素可以被显示出来。

感谢您的帮助:)

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，则可以创建成功回调，并在其中更改消息元素的可见性。