problema invo file in ajax

**crissss** · 26-05-2012, 17:10

ciao a tutti sto facendo i primi passi con ajax e volevo sapere come posso inviare questo modulo con ajax!
grazie mille

codice:

<html>
<head>
<script language="javascript">
 <!--
  function Modulo() {
     // Variabili associate ai campi del modulo
     var nome = document.modulo.nome.value;
     var cognome = document.modulo.cognome.value;
     var nickname = document.modulo.nickname.value;
     var password = document.modulo.password.value;
     var conferma = document.modulo.conferma.value;
     var nascita = document.modulo.nascita.value;
     var citta = document.modulo.citta.options[document.modulo.citta.selectedIndex].value;
     var indirizzo = document.modulo.indirizzo.value;
     var telefono = document.modulo.telefono.value;
     var email = document.modulo.email.value;
     var homepage = document.modulo.homepage.value;
     var firma = document.modulo.firma.value;
     // Espressione regolare dell'email
     var email_reg_exp = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-]{2,})+\.)+([a-zA-Z0-9]{2,})+$/;
        //Effettua il controllo sul campo NOME
        if ((nome == "") || (nome == "undefined")) {
           alert("Il campo Nome è obbligatorio.");
           document.modulo.nome.focus();
           return false;
        }
        //Effettua il controllo sul campo COGNOME
        else if ((cognome == "") || (cognome == "undefined")) {
           alert("Il campo Cognome è obbligatorio.");
           document.modulo.cognome.focus();
           return false;
        }
        //Effettua il controllo sul campo NICKNAME
        else if ((nickname == "") || (nickname == "undefined")) {
           alert("Il campo Nickname è obbligatorio.");
           document.modulo.nickname.focus();
           return false;
        }
        //Effettua il controllo sul campo PASSWORD
        else if ((password == "") || (password == "undefined")) {
           alert("Il campo Password è obbligatorio.");
           document.modulo.password.focus();
           return false;
        }
        //Effettua il controllo sul campo CONFERMA PASSWORD
        else if ((conferma == "") || (conferma == "undefined")) {
           alert("Il campo Conferma password è obbligatorio.");
           document.modulo.conferma.focus();
           return false;
        }
        //Verifica l'uguaglianza tra i campi PASSWORD e CONFERMA PASSWORD
        else if (password != conferma) {
           alert("La password confermata è diversa da quella scelta, controllare.");
           document.modulo.conferma.value = "";
           document.modulo.conferma.focus();
           return false;
        }
        //Effettua il controllo sul campo DATA DI NASCITA
        else if (document.modulo.nascita.value.substring(2,3) != "/" ||
           document.modulo.nascita.value.substring(5,6) != "/" ||
           isNaN(document.modulo.nascita.value.substring(0,2)) ||
           isNaN(document.modulo.nascita.value.substring(3,5)) ||
           isNaN(document.modulo.nascita.value.substring(6,10))) {
             alert("Inserire nascita in formato gg/mm/aaaa");
              document.modulo.nascita.value = "";
              document.modulo.nascita.focus();
              return false;
        }
        else if (document.modulo.nascita.value.substring(0,2) > 31) {
           alert("Impossibile utilizzare un valore superiore a 31 per i giorni");
           document.modulo.nascita.select();
           return false;
        }
        else if (document.modulo.nascita.value.substring(3,5) > 12) {
           alert("Impossibile utilizzare un valore superiore a 12 per i mesi");
           document.modulo.nascita.value = "";
           document.modulo.nascita.focus();
           return false;
        }
        else if (document.modulo.nascita.value.substring(6,10) < 1900) {
           alert("Impossibile utilizzare un valore inferiore a 1900 per l'anno");
           document.modulo.nascita.value = "";
           document.modulo.nascita.focus();
           return false;
        }
        //Effettua il controllo sul campo CITTA'
        else if ((citta == "") || (citta == "undefined")) {
          alert("Il campo Città è obbligatorio.");
          document.modulo.citta.focus();
          return false;
        }
        //Effettua il controllo sul campo INDIRIZZO
        else if ((indirizzo == "") || (indirizzo == "undefined")) {
           alert("Il campo Indirizzo è obbligatorio.");
           document.modulo.indirizzo.focus();
           return false;
        }
        //Effettua il controllo sul campo TELEFONO
        else if ((isNaN(telefono)) || (telefono == "") || (telefono == "undefined")) {
           alert("Il campo Telefono è numerico ed obbligatorio.");
           document.modulo.telefono.value = "";
           document.modulo.telefono.focus();
           return false;
        }
        else if (!email_reg_exp.test(email) || (email == "") || (email == "undefined")) {
           alert("Inserire un indirizzo email corretto.");
           document.modulo.email.select();
           return false;
        }
        //Effettua il controllo sul campo HOMEPAGE
        else if ((homepage == "") || (homepage == "undefined") || (homepage.indexOf("http://") == (-1))) {
           alert("Il campo Homepage non può essere privo di http://");
           document.modulo.homepage.value = "http://";
           document.modulo.homepage.select();
           return false;
        }
        //Effettua il controllo sul campo FIRMA
        else if ((firma == "") || (firma == "undefined") || (firma.indexOf("Inserisci qui il tuo slogan!") != (-1))) {
           alert("Il campo Firma è obbligatorio e non si può inserire la scritta predefinita.");
           document.modulo.firma.focus();
           return false;
        }
        //INVIA IL MODULO
        else {
           document.modulo.action = "elabora_dati.asp";
           document.modulo.submit();
        }
  }
 //-->
</script>
</head>
<body>
<table align="center" border="1">
 <form method="post" name="modulo">
  <tr>
    <td colspan="2" align="center">Registrazione al servizio
Tutti i campi sono obbligatori</td>
  </tr>
  <tr>
    <td>Nome</td>
    <td><input type="text" name="nome" /></td>
  </tr>
  <tr>
    <td>Cognome</td>
    <td><input type="text" name="cognome" /></td>
  </tr>
  <tr>
    <td>Nickname</td>
    <td><input type="text" name="nickname" /></td>
  </tr>
  <tr>
    <td>Password</td>
    <td><input type="password" name="password" /></td>
  </tr>
  <tr>
    <td>Conferma password</td>
    <td><input type="password" name="conferma" /></td>
  </tr>
  <tr>
    <td>Data di nascita (es: 12/04/1978)</td>
    <td><input type="text" name="nascita" /></td>
  </tr>
  <tr>
    <td>Sesso</td>
    <td>
      <input type="radio" name="sesso" value="M" checked />M
      <input type="radio" name="sesso" value="F" />F
    </td>
  </tr>
  <tr>
    <td>Città</td>
    <td>
      <select name="citta">
        <option>- Seleziona la tua città -</option>
        <option value="Roma">Roma</option>
        <option value="Milano">Milano</option>
        <option value="Napoli">Napoli</option>
        <option value="Firenze">Firenze</option>
        <option value="Bologna">Bologna</option>
      </select>
    </td>
  </tr>
  <tr>
    <td>Indirizzo</td>
    <td><input type="text" name="indirizzo" /></td>
  </tr>
  <tr>
    <td>Telefono (senza spazi nè simboli)</td>
    <td><input type="text" name="telefono" /></td>
  </tr>
  <tr>
    <td>Email</td>
    <td><input type="text" name="email" /></td>
  </tr>
  <tr>
    <td>Homepage</td>
    <td><input type="text" name="homepage" value="http://" /></td>
  </tr>
  <tr>
    <td colspan="2">Firma</td>
  </tr>
  <tr>
    <td colspan="2" align="center">
     <textarea name="firma" rows="5" cols="32">Inserisci qui il tuo slogan!</textarea>
    </td>
  </tr>
  <tr>
    <td colspan="2" align="right">
     <input type="button" value="Invia" onClick="Modulo()" />
    </td>
  </tr>
 </form>
</table>
</body></html>

**cavicchiandrea** · 26-05-2012, 17:21

Scegli tu la guida ajax/jquery io ti consiglio jquery

**crissss** · 26-05-2012, 17:43

Mi hanno aiutato su un altro forum, ho risolto così:

codice:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
                $("#generator").submit(function(){
                    
                    var title = $("#title").attr('value');
                    
					   	$.ajax({
                        url: '5.php',
                        type: "POST",
                        data: "title="+title,
                        success: function(data) {
						if ((title == "") || (title == "undefined")) {
           alert("Il campo Nome è obbligatorio.");
           document.frm.title.focus();
           return false;
        }
                            $('div#result2').empty().html("<table width='100%' border='0' cellspacing='2' cellpadding='0' style='font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14; color:#999999'><tr><th scope='col'>STIAMO ELABORANDO I DATI...</th></tr><tr><td><div align='center'>[img][/img]</div></td></tr></table>")
                            setTimeout(function(){
                                $("div#result2").html(data);
                            }, 0000);
                        }
                
                    });
            
                    return false;
                }); 

            });
			
			       </script>



</head>
<body>
<form name="frm" id="generator" action="5.php" enctype="multipart/form-data" method="post">

<input name="title" type="text" size="60" id="title" />
 <input type="submit" value="Invia" />
</form>
<div id="result2"></div></body></html>

Discussione: problema invo file in ajax

Strumenti discussione

Ricerca discussione

Visualizza

problema invo file in ajax

Permessi di invio