Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2002
    Messaggi
    284

    form html e controllo checkbox

    Ciao!
    Ho cercato nel form ma non riesco a trovare nulla che mi aiuti
    (premetto che questo non per niente il mio campo).

    Ho fatto un form html per raccogliere dati. Questi dati vengono mandati
    a un file php e spediti a un indirizzo e-mail.

    Vorrei obbligare l'utente a cliccare su due checkbox per acconsentire
    al trattamento dei dati personali, è possibile rendere attivo il tasto "invia"
    solo se tutti e due i checkbox sono selezionati? Presumo di si ma non ho idea di come...

    Sono ben accetti anche "link utili"...

    Grazie!
    Mo

  2. #2
    Utente di HTML.it L'avatar di badaze
    Registrato dal
    Jun 2002
    residenza
    Lyon
    Messaggi
    5,372
    Puoi fare cosi

    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html>
    <head>
    <title>Untitled</title>
    <script language="JavaScript" type="text/javascript">
    <!--
    function conf() {
     document.getElementById('invio').disabled = true;
     if (document.getElementById('conf1').checked && document.getElementById('conf2').checked ) {
      document.getElementById('invio').disabled = false;
     }
    }
    //-->
    </script>
    
    </head>
    <body>
    <form action="pippo.html" method="post">
    Nome<input type="text" name="nome" />
    
    Cognome<input type="text" name="cognome" />
    
    <input type="submit" id="invio" value="Invio" disabled="true">
    </form>
    Prima di inviare i dati devi confermare:
    
    Confermo l'invio dei dati 
    <input type="checkbox" id="conf1" onclick="conf()">
    
    Si si, confermo l'invio dei dati 
    <input type="checkbox" id="conf2"  onclick="conf()">
    
    </body>
    </html>
    Comunque se il js è disabilitato non funzionerà. Quindi devi anche fare un controllo lato server.
    Ridatemi i miei 1000 posts persi !!!!
    Non serve a nulla ottimizzare qualcosa che non funziona.
    Cerco il manuale dell'Olivetti LOGOS 80B - www.emmella.fr

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    103
    Ciao Badaze...

    Io ho un problema simile...ne sto discutendo in un alra finestra...
    Mi ha offeerto il suo aiuto una persona ma puoic omunque farci un giretto anche tu se hai tempo (e voglia) e dirmi cosa ne pensi e dov'è che sbaglio???

    Anche io infatti ho un chechbox, per la privacy, che voglio sia obbligatoriamente spuntatato affinche i dati dl form vengano inviati...altrimenti non ovrebbe essere possibile inviare i dati...

    http://forum.html.it/forum/showthrea...hreadid=850762

  4. #4
    Utente di HTML.it
    Registrato dal
    Dec 2002
    Messaggi
    284
    Ok... capito. Ora ci provo.

    Per il controllo lato server dovrei trovarlo facilmente nel sito, giusto?

    Una volta fatto il controllo però, se il js non è abilitato cosa si fa?!

  5. #5
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    103
    ciao Mom come faccio a controllare sul server se JS è attivo ...?

    Grazie

  6. #6
    Utente di HTML.it L'avatar di badaze
    Registrato dal
    Jun 2002
    residenza
    Lyon
    Messaggi
    5,372
    Originariamente inviato da mon
    Ok... capito. Ora ci provo.

    Per il controllo lato server dovrei trovarlo facilmente nel sito, giusto?

    Una volta fatto il controllo però, se il js non è abilitato cosa si fa?!
    Il problema è che se il js non è abilitato allora bisogna :
    - settare il submit button a disabled="false"
    - mettere un richiamo a conf nell'evento onload della pagina <body onload="conf()">
    - mettere i due checkbox all'interno della form e dare loro un nome uguale all'id per il controllo lato server.

    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html>
    <head>
    <title>Untitled</title>
    <script language="JavaScript" type="text/javascript">
    <!--
    function conf() {
     document.getElementById('invio').disabled = true;
     if (document.getElementById('conf1').checked && document.getElementById('conf2').checked ) {
      document.getElementById('invio').disabled = false;
     }
    }
    //-->
    </script>
    
    </head>
    <body onload="conf()">
    <form action="pippo.html" method="post">
     Nome<input type="text" name="nome" />
    
     Cognome<input type="text" name="cognome" />
    
     <input type="submit" id="invio" value="Invio" >
     <hr>
     Prima di inviare i dati devi confermare:
    
     Confermo l'invio dei dati 
     <input type="checkbox" id="conf1" name="conf1" value="1" onclick="conf()">
    
     Si si, confermo l'invio dei dati 
     <input type="checkbox" id="conf2" name="conf2" value="1" onclick="conf()">
    
     </form> 
    </body>
    </html>
    Ridatemi i miei 1000 posts persi !!!!
    Non serve a nulla ottimizzare qualcosa che non funziona.
    Cerco il manuale dell'Olivetti LOGOS 80B - www.emmella.fr

  7. #7
    Utente di HTML.it
    Registrato dal
    Dec 2002
    Messaggi
    284
    mmm... cavolo, questo è più difficile, è un po' arabo per me.

    Provo a copiare il tuo codice e ti faccio sapere.

    A dopo! Mo

  8. #8
    Utente di HTML.it
    Registrato dal
    Dec 2002
    Messaggi
    284
    allora...

    Ho provato solo la prima parte del codice per controllare i chechbox ma non funziona. mi invia il modulo anche se non clicco sui due checkbox...

  9. #9
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    103
    Ho lo stesso identico problema!!!

    Pratica vorresti che il form non venisse inviato se non si spunta
    l'opzione sul trattaemnto dei dati....


    Non ce la farò mai...
    Il fatto è che essendo IGNORANTE in materia HTML a volte non capisco
    i termini o semplicemente dove devo emttere i codici.... :master:

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.