[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

[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 (IMG:style_emoticons/default/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' ?


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