$(document).ready(function(){ // hide messages $("#offer_error").hide(); $("#offer_success").hide(); // on submit... $("#offerForm #offer_submit").click(function() { $("#offer_error").hide(); //required: //offer_gatunek var gatunek = $("select#offer_gatunek").val(); if(gatunek == ""){ $("#offer_error").fadeIn().text("Wybierz gatunek oferty."); $("select#offer_gatunek").focus(); return false; } //offer_image var image = $("input#offer_image").val(); if(image == ""){ $("#offer_error").fadeIn().text("Wybierz obrazek do oferty."); $("input#offer_image").focus(); return false; } //offer_name var name = $("input#offer_name").val(); if(name == ""){ $("#offer_error").fadeIn().text("Wpisz nazwę oferty."); $("input#offer_name").focus(); return false; } // offer_text var text = $("textarea#offer_text").val(); if(text == ""){ $("#offer_error").fadeIn().text("Wpisz treść oferty."); $("textarea#offer_text").focus(); return false; } // send mail php var sendMailUrl = $("#send_offer_form").val(); // data string var dataString = 'offer_name='+ name + '&offer_text=' + text + '&offer_image=' + image + '&offer_gatunek=' + gatunek; // ajax $.ajax({ type:"POST", url: sendMailUrl, data: dataString, success: success() }); }); // on success... function success(){ $("#offer_success").fadeIn(); $("#offerForm").fadeOut(); } return false; });
formularz:
<form id="offerForm" action="#" method="post" enctype="multipart/form-data"> <fieldset> <div> <select name="offer_gatunek" id="offer_gatunek" class="form-poshytip" title="Wybierz gatunek oferty."> </select> </div> <div> <input name="name" type="file" id="offer_image" class="form-poshytip" title="Wybierz obrazek do oferty." /> </div> <div> <input name="name" id="offer_name" type="text" class="form-poshytip" title="Wpisz nazwę oferty." /> </div> <div> </div> <input type="hidden" value="add_offer.php" name="send_offer_form" id="send_offer_form" /> </fieldset> </form>
z góry dziękuje