jQuery скрыть форму на submit?

Question

У меня есть настройка формы, где пользователь может зарегистрироваться, а при отправке запускается скрипт PHP, который проверяет пользователя, и как только это будет сделано, оно перекликается с почтовым ящиком, который jQuery быстро скрывает, а затем исчезает в течение 1 секунды , То, что я теперь хочу сделать это, чтобы иметь возможность скрыть эту форму на представленню, и я думал, что это может сделать это:

$(document).ready(function() { 
    $('div.mainsuccess,div.mainerror').hide(0).fadeIn(1000); 
    $('form.register').submit(function() { 
     $(this).hide(1000); 
    }); 
}); 

Где div.mainsuccess это сообщение об успехе, и form.register является формой (с классом регистра). Теперь работает первая строка, которая говорит мне, что скрипт вызывается, но форма вообще не скрывается. Я здесь делаю что-то глупое, но я не могу понять, что?

Я попытался просмотреть документацию API jQuery для submit(), но я не могу понять, что говорится. Благодарю.

Answer 1

Я думаю, что причина не может работать, потому что форма представления это данные и ждет страницы для обновления ... значит, это остановит все его вещи Javascript Потому что это бессмысленно ... Я мог ошибаться, но эй, твоя спрятала бы 1 секунда, чтобы спрятаться, но твоя страница могла быстрее перезагрузиться.

$(document).ready(function() { 
    $('div.mainsuccess,div.mainerror').hide(0).fadeIn(1000); 
    $('form.register').submit(function(e) { 
     e.preventDefault();// will stop the form being submited... 
     $(this).hide(1000); 
     // do ajax here... 
     return false; 
    }); 
}); 

Обновлено

вот список учебников

http://viralpatel.net/blogs/2009/04/jquery-ajax-tutorial-example-ajax-jquery-development.html

http://www.devirtuoso.com/2009/07/beginners-guide-to-using-ajax-with-jquery/

http://www.sitepoint.com/ajax-jquery/

Видео .... http://www.youtube.com/watch?v=0CMTQtnZ0G0

Answer 2

Попробуйте это:

$("form").submit(function(e){ 
    e.preventDefault(); 
    $(this).hide(1000); 
}); 

Answer 3

Ну, кажется, что форма обновляется после подачи, поэтому она все еще там.

Я предлагаю использовать что-то вроде JQuery формы: http://jquery.malsup.com/form/

Читайте на него, и вы увидите, как использовать его, и когда он будет представлен, он не будет обновляться, и с помощью hide() вы сможете скрыть.

N.B Вам понадобится jQuery, на который делается ссылка в вашем коде, чтобы использовать форму jQuery.

Наслаждайтесь.

Answer 4

Вы хотели бы включить в Ajax вызова (Я посещаю запись) для вызова PHP вместо перезагрузки страницы

$('form.register').submit(function(e) { 
    e.preventDefault(); 
    url = $(this).attr('action'); 
    $.post(url,$(this).serialize(), function(data) { 
     alert('success'); 
     // data will return source code of the URL so you can grab that data and put it somewhere on the script like so. 
     $('#result').html($(data).find('form'));//form can be replaced with anything 
     // #result is the id of an element you wish to return the info to 
    }); 
    $(this).hide(1000); 
}); 

И вы бы сделали.

More info here