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

Question

我已经习惯了一段时间而且无处可去。所以请帮助我确定它很简单。

我有一个表单，使用PHP和Jquery。当您提交表单时，我想要一个感谢标题来显示＆gt;它目前隐藏。表单只能在成功验证时提交 - 我正在使用验证器。

这里重要的是让我了解如何在成功提交时更改课程。因此可以显示我的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，则可以创建成功回调，并且可以更改消息元素的可见性。