Salve,da poco ho provato ad insallare una mail-form che funziona con j-query e php,solo che io il j-query non lo conosco e vorrei chiedere come potrei fare per controllare una risposta di un form select,sempre in j-query.
di seguito vi elenco i particolari delle pagine.
il js:
$(document).ready(function(){ $("#button").click(function(){ var nome = $("#nome").val(); var oggetto = $("#oggetto").val(); var mail = $("#mail").val(); var testo = $("#testo").val(); var check = $("#check").val(); var esito = ''; if (nome.length<3) { var esito = "Nome errato
"; } if (check.value<no){ var esito = "Sei pregato di selezionare si."; } if (check.value<---){ var esito = "Sei pregati di selezionare si." } if (oggetto.length<3) { var esito = "Oggetto errato
"; } if (!mail.match(/^([a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2,4}$)/i)) { var esito = "Mail errata
"; } if (testo.length<1) { var esito = "Testo errato
"; } if (esito == "" ) { // inviamo la mail var dati_mail ='nome=' + nome + '&oggetto=' + oggetto + '&mail=' + mail + '&testo=' + testo; $.ajax({ type: "POST", url: "site/contact/mail.php", data: dati_mail, cache: false, success: function(html){ var esito = "Ok, sto inviando la mail"; $("#risposta_form").fadeIn("slow"); $("#risposta_form").html(esito); $("#risposta_form").css("background-color","#146803"); setTimeout('$("#risposta_form").fadeOut("slow")',2 000); }}) } else { // non inviamo la mail $("#risposta_form").fadeIn("slow"); $("#risposta_form").html(esito); $("#risposta_form").css("background-color","#cc0000"); } return false; }); });
il form:
<form id="form_contatto" method="post" > <table> <tr> <td><label for="nome">NickName:</label></td><td><input type="text" name="nome" id="nome" size="35" maxlength="15" /></td> </tr> <tr> <td><label for="mail">E-Mail:</label></td><td><input type="email" maxlength="30" id="mail" size="35" name="mail" /></td> </tr> <tr> <td><label for="oggetto">Oggetto</label></td><td><input id="oggetto" type="text" size="35" maxlength="40" /></td> </tr> <tr> <td><label for="check">Hai un computer?</label></td><td><select id="check" name="check"> <option value="---">---</option> <option value="no">No</option> <option value="si">Si</option> </select></td> </tr> </table> <textarea id="testo" name="testo">Messaggio da inviare...</textarea> <table align="center" cellspacing="2"><tr><td><input value="Invia mail" type="submit" name="button" id="button" /></td><td><input type="reset"/></td></tr></table> </form>