Visualizzazione dei risultati da 1 a 6 su 6

Discussione: controllo form select

  1. #1

    controllo form select

    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>

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Prova a formattare su più righe i codici, cosi è illeggibile.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    ok,resta li nn andartene!
    aspetta ti metto direttamente da dove l'ho preso:ci sn anche i codici racchiusi in teaxtearee.

    clicka qui

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    E secondo te adesso è meglio?
    Abbiamo due visioni del forum e non coincidono, auguri per il tuo problema.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Originariamente inviato da cavicchiandrea
    E secondo te adesso è meglio?
    Abbiamo due visioni del forum e non coincidono, auguri per il tuo problema.
    scusa hai ragione XD.adesso l'ho modificato e mi sembra meglio...

    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 esito = '';

    if (nome.length<1) {

    var esito = "Nome errato
    ";

    }

    if (oggetto.length<1) {

    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: "mail.php",
    data: dati_mail,
    cache: false,
    success: function(html){

    var esito = "Ok, sto inviando l'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 php:

    <?php

    $la_tua_mail = "nome@tua_mail.ext";

    $nome = $_POST['nome'];
    $oggetto = $_POST['oggetto'];
    $mail_mittente = $_POST['mail'];
    $testo = $_POST['testo'];

    mail ($la_tua_mail, $oggetto, $testo, "From: $mail_mittente");

    echo "Complimenti mail inviata con successo";

    ?>

    e il form:

    <html>
    <head>

    <title>Invio Mail con PHP & Jquery</title>

    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="mail.js"></script>

    </head>

    <body>

    <form id="form_contatto" method="post" >

    Nome :
    <input type="text" name="nome" id="nome">


    Oggetto :
    <input type="text" name="oggetto" id="oggetto">


    Tua Mail :
    <input type="text" name="mail" id="mail">


    Testo :

    <textarea cols="30" rows="10" name="testo" id="testo"></textarea>



    <input type="submit" value="Invia Mail" id="button" name="button">


    </form>


    <div id="risposta_form"></div>

    </body>
    </html>

  6. #6
    nessuno mi sa aiutare?

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.