Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> walidacja formularza a informacja o przesyłaniu
rydlik
post 7.08.2013, 08:53:30
Post #1





Grupa: Zarejestrowani
Postów: 28
Pomógł: 0
Dołączył: 9.10.2011

Ostrzeżenie: (0%)
-----


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?
Go to the top of the page
+Quote Post
styryl
post 7.08.2013, 12:49:37
Post #2





Grupa: Zarejestrowani
Postów: 223
Pomógł: 27
Dołączył: 16.04.2008
Skąd: Bakutilu

Ostrzeżenie: (0%)
-----


Pokaż resztę kodu jquery.
Go to the top of the page
+Quote Post
rydlik
post 7.08.2013, 13:23:50
Post #3





Grupa: Zarejestrowani
Postów: 28
Pomógł: 0
Dołączył: 9.10.2011

Ostrzeżenie: (0%)
-----


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>
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 25.06.2025 - 22:29