Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]Zatrzymanie formularza jquery
Randallmaster
post
Post #1





Grupa: Zarejestrowani
Postów: 677
Pomógł: 11
Dołączył: 18.11.2009

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


Witam,

po kliknięciu w submit formularza

chciałbym aby wykonywał się wpierw ten kod:

  1. $(document).ready(function(){
  2. $("form#form_settings").submit(function() {
  3. var imie = $('input[name=imie]');
  4. if ($("#imie").val() == "")
  5. {
  6. $("#imie").addClass("error_button");
  7. }
  8. return false;
  9. });
  10. });


jeśli powyższe warunki nie są spełnione to wykona się formularz jeśli nie to zatrzyma.

Generalnie mógłbym zrobić to w jquery za pomocą ajaxa, ale potrzebuję mieć to na tej samej stronie w kodzie php.

Nie wiem jak zatrzymać formularz gdy warunki nie są spełnione ;/

Ten post edytował Randallmaster 19.03.2013, 08:49:04
Go to the top of the page
+Quote Post
skowron-line
post
Post #2





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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


[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function(){
  2. $("form#form_settings").submit(function() {
  3. var imie = $('input[name=imie]');
  4. if ($("#imie").val() == "")
  5. {
  6. $("#imie").addClass("error_button");
  7. return false; // formularz nie zostanie wyslany
  8. }
  9.  
  10. // nie ma bledu w formularzu
  11. return true; // wysylasz formularz
  12. });
  13. });
[JAVASCRIPT] pobierz, plaintext


Ten post edytował skowron-line 19.03.2013, 09:12:25


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
Randallmaster
post
Post #3





Grupa: Zarejestrowani
Postów: 677
Pomógł: 11
Dołączył: 18.11.2009

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


formularz i tak się dodaje
Go to the top of the page
+Quote Post
nospor
post
Post #4





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




A sprawdzałeś w ogóle czy on ci do tej funkcji wchodzi?
Kod
$(document).ready(function(){

    $("form#form_settings").submit(function() {

alert("Widzisz mnie??");
    return false;

    });

});

Jak nie zobaczyszz alerta, to znaczy że nie podpiąłeś zdarzenia do forma. Bo kod sam w sobie z return false; jest poprawny


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
Randallmaster
post
Post #5





Grupa: Zarejestrowani
Postów: 677
Pomógł: 11
Dołączył: 18.11.2009

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


nie wchodzi ale wszystko jest podpięte...

id się zgadza
w header link do pliku też jest.


Sprawdzałem czy plik js działa dodając alert('test'); i wyświetla.


  1. <form id="form_settings" action="?" method="post" >
  2.  
  3. <table border="0" cellpadding="5" cellspacing="0">
  4. <tr>
  5. <td align="right" width="40%"><b>Nazwa:</b></td>
  6. <td width="60%"> <input type="text" name="name" value="<?= htmlspecialchars($d['name']); ?>" size="50" /></td>
  7. </tr>
  8. <tr>
  9. <td align="right"><b>email:</b></td>
  10. <td> <input type="text" name="email" value="<?= htmlspecialchars($d['email']); ?>" size="50" /></td>
  11. </tr>
  12. <tr>
  13. <td align="right"><b>imie:</b></td>
  14. <td> <input type="text" id="imie" name="imie" value="<?= htmlspecialchars($d['imie']); ?>" size="50" /></td>
  15. </tr>
  16. <tr>
  17. <td align="right"><b>Kod pocztowy:</b></td>
  18. <td> <input type="text" name="zip" value="<?= htmlspecialchars($d['zip']); ?>" size="20" /></td>
  19. </tr>
  20. <tr>
  21. <td align="right"><b>Miasto:</b></td>
  22. <td> <input type="text" name="city" value="<?= htmlspecialchars($d['city']); ?>" size="20" /></td>
  23. </tr>
  24.  
  25. </table>
  26. <hr />
  27. <input class="button" type="submit" value="Zapisz zmiany" /></input>
  28. <a href="settings.php"><button type="button" class="button">Powrót</button></a>
  29. </form>


Ten post edytował Randallmaster 20.03.2013, 09:53:21
Go to the top of the page
+Quote Post
nospor
post
Post #6





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




No i ciężko było samemu od razu to sprawdzić?

Cytat
w header link do pliku też jest.

Do jakiego znowu pliku? Pokaż lepiej cały kod, bo coś mieszasz i to ostro


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
Randallmaster
post
Post #7





Grupa: Zarejestrowani
Postów: 677
Pomógł: 11
Dołączył: 18.11.2009

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


  1. <script type="text/javascript" src="../js/funkcje.js"></script>


chodziło mi o plik js
Go to the top of the page
+Quote Post
nospor
post
Post #8





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




1) No ale pokaż zawartosc tego pliku....

2) $(document).ready(function(){ lepiej by było w kodzie gdzie formularz


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
Randallmaster
post
Post #9





Grupa: Zarejestrowani
Postów: 677
Pomógł: 11
Dołączył: 18.11.2009

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


U góry jest wszystko podane:

js:

  1. $(document).ready(function(){
  2.  
  3. $("form#form_settings").submit(function() {
  4.  
  5. alert("Widzisz mnie??");
  6. return false;
  7.  
  8. });
  9.  
  10. });;


formularz:

  1. <form id="form_settings" action="?" method="post" >
  2.  
  3. <table border="0" cellpadding="5" cellspacing="0">
  4. <tr>
  5. <td align="right" width="40%"><b>Nazwa:</b></td>
  6. <td width="60%"> <input type="text" name="name" value="<?= htmlspecialchars($d['name']); ?>" size="50" /></td>
  7. </tr>
  8. <tr>
  9. <td align="right"><b>email:</b></td>
  10. <td> <input type="text" name="email" value="<?= htmlspecialchars($d['email']); ?>" size="50" /></td>
  11. </tr>
  12. <tr>
  13. <td align="right"><b>imie:</b></td>
  14. <td> <input type="text" id="imie" name="imie" value="<?= htmlspecialchars($d['imie']); ?>" size="50" /></td>
  15. </tr>
  16. <tr>
  17. <td align="right"><b>Kod pocztowy:</b></td>
  18. <td> <input type="text" name="zip" value="<?= htmlspecialchars($d['zip']); ?>" size="20" /></td>
  19. </tr>
  20. <tr>
  21. <td align="right"><b>Miasto:</b></td>
  22. <td> <input type="text" name="city" value="<?= htmlspecialchars($d['city']); ?>" size="20" /></td>
  23. </tr>
  24.  
  25. </table>
  26. <hr />
  27. <input class="button" type="submit" value="Zapisz zmiany" /></input>
  28. <a href="settings.php"><button type="button" class="button">Powrót</button></a>
  29. </form>


Ten post edytował Randallmaster 20.03.2013, 10:20:16
Go to the top of the page
+Quote Post
nospor
post
Post #10





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Cytuje jeszcze raz moją wypowiedź:
Cytat
2) $(document).ready(function(){ lepiej by było w kodzie gdzie formularz

ps: zakładam ze jquery w ogóle dołączasz?


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
Randallmaster
post
Post #11





Grupa: Zarejestrowani
Postów: 677
Pomógł: 11
Dołączył: 18.11.2009

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


Cytat(nospor @ 20.03.2013, 10:05:48 ) *
Cytuje jeszcze raz moją wypowiedź:

ps: zakładam ze jquery w ogóle dołączasz?


jquery dołączone Działa ponieważ poza znacznikami $(document) wpisałem alert('test'); i wyświetla się wiadomość

to również dodane:

$(document).ready(function(){
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 Aktualny czas: 21.08.2025 - 15:14