Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: walidacja formularza a informacja o przesyłaniu
Forum PHP.pl > Forum > XML, AJAX > AJAX
rydlik
Witam wszystkich forumowiczów, mam pewien problem z przesyłaniem formularza. Obsługa walidacji następuje poprzez jQuery, jeśli jakieś pola nie są uzupełnione, to po kliknięciu "wyślij formularz" wyświetlają się dymki z podpowiedziami przy odpowiednich polach. Jeśli zaś wszystko jest ok, po kliknięciu "wyślij formularz" następuje taka chwila bezczynności (wtedy formularz, wraz z plikami jest wysyłany) i chwilkę to trwa, chciałbym aby wtedy wyświetlona została informacja o przesyłaniu plików.

Zrobiłem zdarzenie:
  1. <input type="submit" value="wyślij formuularz" onclick="odswiez('test.php?dodanie=$id_oferty','div_dowyswietlenia')"/>

i wszystko by było, tylko ze jeśli ktoś zrobi błąd w formularzu i kliknie wyślij, i wyświetli się dymek, formularz oczekuje na poprawienie, a informacja w "div_dowyswietlenia" się już pojawia.

Czy mógłby ktoś pomóc?
styryl
Pokaż resztę kodu jquery.
rydlik
formularz:

  1. <form action="" class="form" id="form1" method="post" enctype="multipart/form-data">
  2.  
  3. <legend>Podstawowe Informacje:</legend>
  4. <div class="informacja">Uzupełnij wszystkie zaznaczone na <strong>&#8222;czerwono”</strong> elementy formularza aby został on zapisany poprawnie na serwerze. </div>
  5.  
  6. <input type="text" class="validate[required,length[5,150]] text-input" value="Wpisz Temat" id="name" name="name" />
  7.  
  8.  
  9. <input type="text" class="validate[required,custom[email]] text-input" value="Twój email" id="email" name="email" />
  10.  
  11. <input type="text" class="validate[required,custom[telephone],length[6,13]] text-input" value="Numer telefonu" id="telephone" name="telephone" />
  12.  
  13.  
  14. <input type="submit" value="Dodaj oferte" onclick="odswiez('test.php?test=$id_oferty','asd')"/>
  15.  
  16. </form>
  17.  
  18. <div id="asd">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>


jQuery
  1. <!-- WALIDACJA -->
  2. <script src="js/jquery.validationEngine-en.js" type="text/javascript"></script>
  3. <script src="js/jquery.validationEngine.js" type="text/javascript"></script>
  4. <!-- WALIDACJA KONIEC -->
  5. <script type="text/javascript">
  6. $(document).ready(function() {
  7.  
  8. // SUCCESS AJAX CALL, replace "success: false," by: success : function() { callSuccessFunction() },
  9. $("#form1").validationEngine({
  10. ajaxSubmit: true,
  11. ajaxSubmitFile: "ajaxSubmit.php",
  12. ajaxSubmitMessage: "Dziękujemy za przesłanie danych!",
  13. success : false,
  14. failure : function() {}
  15. })
  16. });
  17. </script>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.