Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] metoda post
Forum PHP.pl > Forum > Przedszkole
webspy
WItam,

Nie mogę sobie poradzić z tym jquery, chciałem prosić o małą pomoc.

Prosty przykład:
Kod
function ajaxTest()
{
    $.ajax({
        url : 'save.php',
        data: {tresc : 2, k : 3},
        type: 'POST',
        success: function(data) {
            alert(data);
        }
    });
}

//html
<div onclick="ajaxTest()">Kliknij mnie</div>

Drugi przykład:
Kod
$.ajax({  
                   type: "POST",
       async: false,
       data: $('#identyfikator_formularza).serialize(),
                    url: "save.php",
                   success: function(success)
       {
          $("#product").html(success)
       }                  
              });


Pierwszy przykład działą, wywołuje plik save.php
Lecz drugi w ani jeden sposób nie chce działać.

Jak przesłać dane z formularza i wysłać dane przez POST do save.php

!*!
http://api.jquery.com/jQuery.ajax/

W 2 przykładzie brakuje średnika na końcu, choć nie widze tam sposobu w jaki się do niego odnosisz. Samo zdeklarowanie funkcji nic nie robi.
ps. jak używasz jQ to nie pisz w kodzie onclick wink.gif
webspy
[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript">
  2. function ajaxTest()
  3. {
  4. $.ajax({
  5. url : 'save.php',
  6. data: $('#form').serialize(),
  7. type: 'POST',
  8. success: function(data) {
  9. alert(data);
  10. }
  11. });
  12. };
  13. </script>
[JAVASCRIPT] pobierz, plaintext


Dzięki, już poprawione i test działa, lecz teraz jest problem i tym samym proszę o pomoc w jaki sposób podpiąć do tego validację formularza?

Mam tylko dwa pola, 1-input email 2-checkbox regulamin

W jaki sposób zrobić aby skrypt save.php wykonywał się tylko wtedy kiedy pole email będzie prawidłowe oraz zaznaczone pole regulamin?

na tej stronie http://api.jquery.com/jQuery.ajax/ już byłem tylko że jak się jest zielonym to nie poskładam tego w dzień tylko pare mies.

Jakiś funkcji użyć i jak to mogę podpiąć.
Z góry dziękuję i pozdrawiam.


!*!
[JAVASCRIPT] pobierz, plaintext
  1. function ajaxTest()
  2. {
  3. if() // tu pierw sprawdź czy walidacja przebiegła pomyślnie
  4. {
  5. $ajax
[JAVASCRIPT] pobierz, plaintext


Skryptów do walidacji jest kilka, pierwszy z brzegu http://docs.jquery.com/Plugins/Validation masz tam podany kod jak go użyć.
webspy
Nie radzę sobie z tym.


[JAVASCRIPT] pobierz, plaintext
  1. function ajaxTest()
  2. {
  3.  
  4. $.ajax({
  5. url : 'save.php',
  6. data: $('#form').serialize(),
  7. type: 'POST',
  8. success: function(data) {
  9. alert(data);
  10. }
  11. });
  12. };
[JAVASCRIPT] pobierz, plaintext



<input type="text" id="email"n ame="email">
<input type="checkbox" name="regulamin">
<input type="submit" name="DEMO">

[JAVASCRIPT] pobierz, plaintext
  1. $("#myform").validate({
  2. rules: {
  3. field: {
  4. required: true,
  5. email: true
  6. }
  7. }
  8. });
  9.  
  10. element.is(":checkbox")
[JAVASCRIPT] pobierz, plaintext


Wszystko znalazłem ale nie umiem tego poskładać w całość aby działało.
Jak to mogę złożyć do kupy?
Po wpisaniu prawidlowego emaila i jesli regulamin jest zaznaczony to wykonuje sie funkcja ajaxTest(), kiedy ta funkcja się wykona prawidłowo to dopiero aktywne są submity.

NIe mam pojęcia i na dzisiaj się poddaje....



EDIT----------------------------

No i już działa validacja emaila tak jak chciałem,

Teraz jak podłączyć to z wysyłaniem emaila postem do save.php?


[JAVASCRIPT] pobierz, plaintext
  1. ---------------------------------------------
  2. function ajaxTest()
  3. {
  4.  
  5. $.ajax({
  6. url : 'save.php',
  7. data: $('#form').serialize(),
  8. type: 'POST',
  9. success: function(data) {
  10. alert(data);
  11. }
  12. });
  13. };
  14. --------------------------------------------------------------
  15. $(document).ready(function(){
  16.  
  17. $('#form').validate(
  18. {
  19. rules: {
  20. p24_email: {
  21. required: true,
  22. email: true
  23. }
  24. },
  25. highlight: function(label) {
  26. $(label).closest('.control-group').addClass('error');
  27. },
  28. success: function(label) {
  29. label
  30. .text('OK!').addClass('valid')
  31. .closest('.control-group').addClass('success');
  32. }
  33. });
  34. });
[JAVASCRIPT] pobierz, plaintext



Jak podłączyć funkcję ajaxTest do validacji, jeśli wpiszemy prawidłowego emaila to wykona się ajaxTest i jeśli przejdzie prawidłowo to dopiero po wcisnieciu submita wysle formularz?



EDIT2:--------------

Działa, wykombinowałem smile.gif

Teraz pytanie: co zrobić aby po wpisaniu prawidlowego emaila nie trzeba było naciskać w puste pole na stronie aby zniknął napis 'wpisz prawidlowo email' ?
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-2025 Invision Power Services, Inc.