2011-07-25 88 views
1

我一直在这个woking了一会儿,只是无处可去。所以请帮助我确信它是一件简单的事情。jQuery在表单提交更改元素类提交

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

这里重要的是我要找出如何改变成功提交的类。所以显示的元素:我的CSS中没有任何元素可以显示出来。

您的帮助表示赞赏:)

回答

4

没有检查是否提交成功后,你可以这样做......

$('#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/ *

+0

我同意,否则你无法判断它是否成功。除非您发布它并通过查询显示消息。无论如何,你可以使用'$(“。class”)。show()',这将显示隐藏的元素。 – jackJoe

+0

谢谢jackJoe! –

+0

地狱牙齿我不知道有关查询...笑,但耶aybe AJAX是去... – brett

1

你必须遵循以下步骤:

  1. 验证表单
  2. 如果表单不正确,则显示相关消息,并取消提交操作
  3. 如果形式是有效的,然后提交表单
  4. 显示消息

现在,如果您想将页面发回服务器(同步回发),那么您应该使消息元素在服务器端可见并隐藏表单。但是,如果您使用AJAX,则可以创建成功回调,并且可以更改消息元素的可见性。

+0

那是一个很好的解释,我目前拥有的JQuery验证和我有PHP验证所以我得到的表单提交成功,我可以附和结果回来isset。但我需要隐藏东西>像表单并取消隐藏其他内容,比如感谢信息。 – brett

+0

以下是测试空间的链接:www.bgv.co.za/testspace/contact_3rev.php – brett