Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 13
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2014
    Messaggi
    30

    Form HTML + Inserimento in DB

    Ciao a tutti. Ho dei GRAVI e urgenti problemi in HTML.
    Devo finire il sito per la mia Tesina di Maturità e ho da fare un Form con Controllo della correttezza ed inserimento dei Dati.
    Dovrei anche poi inserirli in un Database utilizzando .asp
    Ho provato a cercare ma il problema è che non ho mai usato .php e non saprei come fare a spiegarlo alla commissione, volevo quindi evitarlo...

    Questa è il mio Form di iscrizione con il controllo tutto in un'unica pagina .html

    [HTML]
    <html>
    <head>


    <script language="JAVASCRIPT">
    <!--
    function Modulo() {
    // Variabili associate ai campi del modulo
    var nome = modulo.nome.value;
    var cognome = modulo.cognome.value;
    var nickname = modulo.nickname.value;
    var password = modulo.password.value;
    var conferma = modulo.conferma.value;
    var nascita = modulo.nascita.value;
    var citta = modulo.citta.value;
    var indirizzo = modulo.indirizzo.value;
    var telefono = modulo.telefono.value;
    var email = modulo.email.value;
    var homepage = modulo.homepage.value;
    var firma = 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.");
    modulo.nome.focus();
    return false;
    }
    //Effettua il controllo sul campo COGNOME
    else if ((cognome == "") || (cognome == "undefined")) {
    alert("Il campo Cognome è obbligatorio.");
    modulo.cognome.focus();
    return false;
    }
    //Effettua il controllo sul campo NICKNAME
    else if ((nickname == "") || (nickname == "undefined")) {
    alert("Il campo Nickname è obbligatorio.");
    modulo.nickname.focus();
    return false;
    }
    //Effettua il controllo sul campo PASSWORD
    else if ((password == "") || (password == "undefined")) {
    alert("Il campo Password è obbligatorio.");
    modulo.password.focus();
    return false;
    }
    //Effettua il controllo sul campo CONFERMA PASSWORD
    else if ((conferma == "") || (conferma == "undefined")) {
    alert("Il campo Conferma password è obbligatorio.");
    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.");
    modulo.conferma.value = "";
    modulo.conferma.focus();
    return false;
    }
    //Effettua il controllo sul campo DATA DI NASCITA
    else if (modulo.nascita.value.substring(2,3) != "/" ||
    modulo.nascita.value.substring(5,6) != "/" ||
    isNaN(modulo.nascita.value.substring(0,2)) ||
    isNaN(modulo.nascita.value.substring(3,5)) ||
    isNaN(modulo.nascita.value.substring(6,10))) {

    alert("Inserire nascita in formato gg/mm/aaaa");
    modulo.nascita.value = "";
    modulo.nascita.focus();
    return false;
    }
    else if (modulo.nascita.value.substring(0,2) > 31) {
    alert("Impossibile utilizzare un valore superiore a 31 per i giorni");
    modulo.nascita.select();
    return false;
    }
    else if (modulo.nascita.value.substring(3,5) > 12) {
    alert("Impossibile utilizzare un valore superiore a 12 per i mesi");
    modulo.nascita.value = "";
    modulo.nascita.focus();
    return false;
    }
    else if (modulo.nascita.value.substring(6,10) < 1900) {
    alert("Impossibile utilizzare un valore inferiore a 1900 per l'anno");
    modulo.nascita.value = "";
    modulo.nascita.focus();
    return false;
    }
    //Effettua il controllo sul campo CITTA'
    else if ((citta == "") || (citta == "undefined")) {
    alert("Il campo Città è obbligatorio.");
    modulo.citta.focus();
    return false;
    }
    //Effettua il controllo sul campo INDIRIZZO
    else if ((indirizzo == "") || (indirizzo == "undefined")) {
    alert("Il campo Indirizzo è obbligatorio.");
    modulo.indirizzo.focus();
    return false;
    }

    else if (!email_reg_exp.test(email) || (email == "") || (email == "undefined")) {
    alert("Inserire un indirizzo email corretto.");
    modulo.email.select();
    return false;
    }

    }
    -->
    </script>

    </head>

    <BODY BGCOLOR="#99FF33">

    <br>


    <center>
    <table>
    <form method="post" name="modulo" onsubmit="return Modulo();" action="inserisci.asp">
    <tr>
    <td colspan="2" align="center"><b>Registrati al nostro Sito <br>(ATTENZIONE: Tutti i campi sono obbligatori)</b></td>
    </tr>
    <tr><td><b>Nome</b></td><td><input type="text" name="nome"></td></tr>
    <tr><td><b>Cognome</b></td><td><input type="text" name="cognome"></td></tr>
    <tr><td><b>Nickname</b></td><td><input type="text" name="nickname"></td></tr>
    <tr><td><b>Password</b></td><td><input type="password" name="password"></td></tr>
    <tr><td><b>Conferma password</b></td><td><input type="password" name="conferma"></td></tr>
    <tr><td><b>Data di nascita (es: 12/04/1978)</b></td><td><input type="text" name="nascita"></td></tr>
    <tr><td><b>Sesso</b></td><td>
    <input type="radio" name="sesso" value="M" checked>M
    <input type="radio" name="sesso" value="F">F
    </td>
    </tr>
    <tr><td><b>Città</b></td><td><input type="text" name="nome"></td></tr>
    <tr><td><b>Indirizzo</b></td><td><input type="text" name="indirizzo"></td></tr>
    <tr><td><b>Email</b></td><td><input type="text" name="email"></td></tr>
    <tr><td colspan="2" align="right"><input type="submit" name="Iscriviti" value="Iscriviti"></td></tr>
    </center>


    </form>
    </table>

    </body>
    </html>

    [HTML]

    Anche se non ho ancora creato la pagina .asp, il controllo non avviene e non mi fa nessun alert.
    AIUTATEMI PER FAVORE|

  2. #2
    questo codice è funzionante, adattalo alle tue esigenze. Al posto di javascript ho usato jquery, il codice è più compatto e leggibile. Ti consiglio anche di non utilizzare le tabelle, utilizza div, label per le etichette e rendilo esteticamente gradevole con un po' di css (nulla di complicato, basta googlare un po').
    codice:
    <html>
    <head>
    
    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    
    
    
    
    
    
    </head>
    
    
    <body style="background-color: #99FF33;">
    
    
    <script>
    <!--
    function Modulo() {
    // Variabili associate ai campi del modulo
    var nome = $('input[name=nome]').val();
    var cognome = $('input[name=cognome]').val();
    
    
    
    
    
    
    
    
    //Effettua il controllo sul campo NOME
    if (nome == "" || nome == "undefined") {
    alert("Il campo Nome è obbligatorio.");
    
    
    return false;
    }
    //Effettua il controllo sul campo COGNOME
    else if (cognome == "" || cognome == "undefined") {
    alert("Il campo Cognome è obbligatorio.");
    
    
    return false;
    }
    
    
    
    
    else
    {
    	document.form.action="inserisci.asp";
    	document.form.submit();
    }
    }
    -->
    </script>
    
    
    <form action="" method="post" name="modulo"  id="form" style="margin: 0 auto; width: 60%;">
    
    
    <b>Registrati al nostro Sito <br>(ATTENZIONE: Tutti i campi sono obbligatori)</b>
    
    
    <b>Nome</b><input type="text" name="nome" />
    <b>Cognome</b><input type="text" name="cognome" />
    
    
    
    
    <input type="submit" onclick="Modulo()" value="Iscriviti" />
    
    
    </form>
    
    
    
    
    </body>
    </html>
    Ultima modifica di mangusta91; 07-06-2014 a 14:48

  3. #3
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    ricordate di utilizzare il tag CODE per postare codice (vedi tasto # in modalità avanzata), grazie

  4. #4
    Sorry, mea culpa

  5. #5
    Utente di HTML.it
    Registrato dal
    Jun 2014
    Messaggi
    30

    Grazie

    Grazie! Però all'Esame non avrò una connessione ad Internet! Riesco comunque ad usarlo???

  6. #6
    In questo caso scarica il file jquery (basta andare all'indirizzo dentro href), salvi il file .js nella cartella del progetto e lo includi normalmente!

  7. #7
    Utente di HTML.it
    Registrato dal
    Jun 2014
    Messaggi
    30
    Perfetto! Grazie Mille!

  8. #8
    Utente di HTML.it
    Registrato dal
    Jun 2014
    Messaggi
    30
    Un'ultima cosa! Per fare eventualmente un controllo su una Select o su un Radio Botton???

  9. #9
    vai su google e scrivi "jquery check if radio button is selected" e troverai tante risposte su StackOverflow

  10. #10
    Utente di HTML.it
    Registrato dal
    Jun 2014
    Messaggi
    30

    Non so piu' che cosa fare...

    Niente...non so più dove sbattere la testa...ho praticamente COPIATO IL CODICE e, se prima solo con Nome e Cognome partiva, adesso non mi fa nessun controllo...ve lo copio di nuovo...magari riuscite per l'ultima volta a correggermelo...sennò butto tutto e lascio stare perchè non ce la faccio davvero più...((((((((((((((((((((((((((((((((((((((

    codice:
    <html>
    <head>
    
    <script src="./jquery.min.js"></script>
    
    
    </head>
    	
    <BODY BGCOLOR="#99FF33">
    
    
    <script><!--
    function Modulo() {
    // Variabili associate ai campi del modulo
    var codice = $('input[name=txtcodice]').val();
    var nome = $('input[name=txtnome]').val();
    var cognome = $('input[name=txtcognome]').val();
    var nomut = $('input[name=txtnomut]').val();
    var password = $('input[name=txtpass]').val();
    var mail = $('input[name=txtemail]').val();
    val word = $('input[name=txtword]').val();
    val indirizzo = $('input[name=txtindirizzo]').val();
    val citta = $('(input[name=txtcitta]').val();
    
    
    	//Effettua il controllo sul campo CODICE
    	if (codice == "" || codice == "undefined") {
    	alert("Il campo Codice Fiscale è obbligatorio.");
    
    
    	return false;
    	}
    
    
    	//Effettua il controllo sul campo NOME
    	else if (nome == "" || nome == "undefined") {
    	alert("Il campo Nome è obbligatorio.");
    
    
    	return false;
    	}
    
    
    	//Effettua il controllo sul campo COGNOME
    	else if (cognome == "" || cognome == "undefined") {
    	alert("Il campo Cognome è obbligatorio.");
    
    
    	return false;
    	}
    
    
    	//Effettua il controllo sul campo NOME UTENTE
    	else if (nomut == "" || nomut == "undefined") {
    	alert("Il campo Nome Utente è obbligatorio.");
    
    
    	return false;
    	}
    
    
    	//Effettua il controllo sul campo PASSWORD
    	else if (password == "" || password == "undefined") {
    	alert("Il campo Password è obbligatorio.");
    
    
    	return false;
    	}
    
    
    	//Effettua il controllo sul campo MAIL
    	else if (mail == "" || mail == "undefined") {
    	alert("Il campo Mail è obbligatorio.");
    
    
    	return false;
    	}
    
    
    	//Effettua il controllo sul campo RIPETI PASSWORD
    	else if (word == "" || word == "undefined") {
    	alert("Il campo Ripeti Password è obbligatorio.");
    
    
    	return false;
    	}
    
    
    	//Effettua il controllo sul campo INDIRIZZO
    	else if (indirizzo == "" || indirizzo == "undefined") {
    	alert("Il campo indirizzo è obbligatorio.");
    
    
    	return false;
    	}
    
    
    	//Effettua il controllo sul campo CITTA
    	else if (citta == "" || citta == "undefined") {
    	alert("Il campo Città è obbligatorio.");
    
    
    	return false;
    	}
    
    
    else
    {
        document.form.action="inserisci.asp";
        document.form.submit();
    }
    }
    -->
    </script>
    
    
    
    
    <form action="" method="post" name="modulo" id="form" style="margin: 0 auto; width: 60%;">
    
    
    <center>
    <table>
    			<tr><td>Codice Fiscale</td><td><input type="text" name="txtcodice" size=16 maxlenght=12 /></td></tr>
    			<tr><td>Nome </td><td><input type="text" name="txtnome" size=25 maxlenght=25 /></td><td>  Cognome </td><td><input type="text" name="txtcognome" size=25 maxlenght=25 /></td></tr>
    			<br>
    			<tr><td>Nome Utente </td><td><input type="text" name="txtnomut" size=25 maxlenght=25 /></td><td>  Password </td><td><input type="password" name="txtpass" size=25 maxlenght=25 /></td></tr>
    			<br>
    			<tr><td>E-Mail </td><td><input type="text" name="txtemail" size=25 maxlenght=25 /></td><td>  Ripeti password </td><td><input type="password" name="txtword" size=25 maxlenght=25 /></td></tr>
    			<br>
    			<tr><td>Indirizzo </td><td><input type="text" name="txtindirizzo" size=40 maxlenght=40 /></td><td>  Città </td><td><input type="text" name="txtcitta" size=25 maxlenght=25 /></td></tr>
    			<br>
    			<br>
    			</table>
    			<br>
    			Vuoi ricevere le nostre News via Mail?
    			<br>
    			<input type="radio" name="optposta" value="SI" /> SI <input type="radio" name="optposta" value="NO" /> NO
    			<br>
    			<br>
    			<input type="submit" value="Conferma" onclick="Modulo()" />
    			<input type="reset" value="Annulla" />
    
    
    </table>
    </form>
    </center>
    
    
    </body>
    </html>
    Ovviamente manca il controllo della Radio che farò dopo che funzionerà il tutto...ho già problemi con le Text, immagino con le Radio...-.-"""

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.