Skip to content

Instantly share code, notes, and snippets.

@KarlHerler
Created August 30, 2011 11:41
Show Gist options
  • Save KarlHerler/1180719 to your computer and use it in GitHub Desktop.
Save KarlHerler/1180719 to your computer and use it in GitHub Desktop.
Lär dig pytte jquery
$("form").submit(function () { //fångar submit action från <form> taggen, om det sker så exkveras funktionen i fråga
if ($("#yourName").val()=="" || $("#friendEmail").val()=="") { //om taggen med id="yourname" (# == id) har inget i sitt värde (är tom), samma för id="friendEmail".
smoke.signal($(this).data("validation"), 4000); //Avfyrar ett meddelande till smokejs, inte jquery, ignore.
} else {
/* lite mera knepig jquery, vi gör en POST request (i HTTP finns det GET, POST, PUT, DELETE typer av requests), jag gör denna med jquery för att göra den i bakgrunden (s.k. AJAX, Asynchronous Javascript and XML), jag skickar de ovannämnda formulärfältens värden, som vi vet att inte är tomma, och ett locale fällt som är gömt för användaren, om lyckat så avfyras funktionen function(d) {} som är definierad i anropet */
$.post('http://www.dermoshop.fi/makeup/api.asp',
{ yourName: $("#yourName").val(), friendEmail: $("#friendEmail").val(), locale: $("body").data("locale")},
function(d) { // om servern tar emot datan och returernar 200 OK, samt allt den svarar med hamnar i variabeln d
if(d) { //om d=true
smoke.signal($("form").data("ok"), 4000); //skicka smoke meddeladet (inte jquery)
$("#friendEmail").val(""); //töm friendEmail fälltet
} else { //d!=true (false)
//smoke.signal($("form").data("error"), 4000); //visa felmeddelande
} //end if
} //end ok function
); //end $.post
} //end parent if
return false; //måste returnera false för att undvika den faktiska form submit
}); //end form submit
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment