[jQuery] metoda post Opcje

[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

[webspy]

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
    function ajaxTest()
{
    $.ajax({  
         url : 'save.php',
	data: $('#form').serialize(),
        type: 'POST',
        success: function(data) {
            alert(data);
        }
              });  
};
    </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 
function ajaxTest()
{
if() // tu pierw sprawdź czy walidacja przebiegła pomyślnie
{
$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ć.

Ten post edytował !*! 20.01.2013, 13:40:38

[webspy]

Nie radzę sobie z tym.

[JAVASCRIPT] pobierz, plaintext 
function ajaxTest()
{
 
    $.ajax({  
    url : 'save.php',
	 data: $('#form').serialize(),
    type: 'POST',
    success: function(data) {
    alert(data);
        }
              });  
};
[JAVASCRIPT] pobierz, plaintext 

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

[JAVASCRIPT] pobierz, plaintext 
$("#myform").validate({
  rules: {
    field: {
      required: true,
      email: true
    }
  }
});
 
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 
---------------------------------------------
function ajaxTest()
{
 
    $.ajax({  
    url : 'save.php',
	 data: $('#form').serialize(),
    type: 'POST',
    success: function(data) {
    alert(data);
        }
              });  
};
--------------------------------------------------------------
    $(document).ready(function(){
 
    $('#form').validate(
    {
    rules: {
    p24_email: {
    required: true,
    email: true
    }
    },
    highlight: function(label) {
    $(label).closest('.control-group').addClass('error');
    },
    success: function(label) {
    label
    .text('OK!').addClass('valid')
    .closest('.control-group').addClass('success');
    }
    });
    });
[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

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' ?


Ten post edytował webspy 21.01.2013, 14:49:03