Visualizzazione dei risultati da 1 a 3 su 3

Discussione: form per registrazione

  1. #1

    form per registrazione

    Buongiorno a tutti, sto faticosamente cercando di creare un form perla registrazione ad un sito con le mie scarsissime conoscenze in fatto di javascript e linguaggi di programmazione vari in genere.
    Vorrei farlo attraverso dei form inseriti in varie pagine, tipo step1 per email e password, step2 per dati anagrafici e così via.
    Ho trovato in rete alcuni script che cerco di integrare e modificare, ma non ho mai il risultato voluto.
    Esempio nello step1 ci sono questi script con questi form (2 in realtà):


    <script language="javascript" type="text/javascript">
    /* verifica la correttezza della mail inserita */
    /* prelevato qui http://www.javascriptkit.com/script/...2/acheck.shtml */

    var testresults
    function checkemail(){
    var str=document.validation.emailcheck.value
    var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
    if (filter.test(str))
    testresults=true
    else{
    alert("Prego, inserisci un indirizzo email valido!\n\nEs. mionome@free.it")
    testresults=false
    }
    return (testresults)
    }
    </script>



    <script language="javascript" type="text/javascript">
    function checkbae(){
    if (document.layers||document.getElementById||documen t.all)
    return checkemail()
    else
    return true
    }
    </script>



    <script language="javascript" type="text/javascript">
    /*verifica la corrispondenza fra le due password inserite */

    <!--
    function testpass(modulo){
    // Verifico che il campo password sia valorizzato in caso contrario
    // avverto dell'errore tramite un Alert
    if (modulo.password.value == ""){
    alert("Ops! Inserisci una password!")
    modulo.password.focus()
    return false
    }
    // Verifico che le due password siano uguali, in caso contrario avverto
    // dell'errore con un Alert
    if (modulo.password.value != modulo.password_2.value) {
    alert("La password inserita non coincide con la prima!")
    modulo.password.focus()
    modulo.password.select()
    return false
    }
    return true
    }
    -->
    </script>


    </head>

    <body>

    <form name="validation" onsubmit="return checkbae()">
    Prego, inserisci una e-mail valida<input type="text" size="18" name="emailcheck" />
    <input type="submit" value="Submit" />
    </form>



    <form method="post" name="modulo" onsubmit="return testpass(this)">
    Digita una password<font color="red">*</font><input type="password" name="password" size="8" maxlength="8" />
    Conferma la password<input type="password" name="password_2" size="8" maxlength="8" />


    <font color="red">*</font>Max. 8 caratteri (lettere/numeri). Attenzione alle maiuscole/minuscole.


    <input type="submit" value="Invia" />

    </form>


    I due script funzionano, cioè se la mail è incorretta appare il messaggio relativo, però vorrei che nel caso in cui fosse CORRETTA si visualizzasse un immagine tipo OK, mentre viene visualizzata la stessa pagina col campo email vuoto.
    Idem col form per la pass: se non coincidono viene l'alert correttamente, se coincidono, mostra nuovamente la pagina col form vuoto.
    Sarebbe possibile, ad esmpio in caso di correttezza stampare a video un messaggio di testo o un immagine, e magari visualizzare il campo del form (quello della mail) pieno, ma tipo readonly?

    Scusate la lungaggine, e grazie a ciunque può aiutarmi

  2. #2
    codice:
    <script language="javascript" type="text/javascript">
     /* verifica la correttezza della mail inserita */
     /* prelevato qui http://www.javascriptkit.com/script...t2/acheck.shtml */
     
    var testresults
     function checkemail(){
     var str=document.validation.emailcheck.value
     var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
     if (filter.test(str))
     testresults=true;
    document.getElementById('boxMail').innerHTML='[img]mailOK.jpg[/img]' 
     else{
     alert("Prego, inserisci un indirizzo email valido!\n\nEs. mionome@free.it")
     testresults=false
     }
     return (testresults)
     }
     </script>
     
    
    
    <form name="validation" onsubmit="return checkbae()">
     Prego, inserisci una e-mail valida  <input type="text" size="18" name="emailcheck" /> <span id="boxMail"></span> 
    <input type="submit" value="Submit" />
     </form>

  3. #3

    grazie, ma

    ciao luca, la risposta che mi hai dato, ovviamente mi fa vedere (in rosso) solo le due parti di codice da inserire e dove inserirle, vero? non anche di eliminare delle parti, giusto?

    Io ho provato a fare le modifiche che hai evidenziato ed aggiunto, ma il risultato non si vede per niente....
    nel senso che ora sia che la mail inserita è scorretta o anche corretta, non si visualizza alcun messaggio ne d'errore ne di conferma/esattezza.
    Dove sbaglio?

    guardando poi un pò di codice, ho aggiunto un pezzetto che mi da la conferma che le pass coincidono, e quindi poi mi collega al file step-2.html

    Guarda un pò e dimmi se tecnicamente corretto:


    <script language="javascript" type="text/javascript">
    /*verifica la corrispondenza fra le due password inserite */

    <!--
    function testpass(modulo){
    // Verifico che il campo password sia valorizzato in caso contrario
    // avverto dell'errore tramite un Alert
    if (modulo.password.value == ""){
    alert("Ops! Inserisci una password!")
    modulo.password.focus()
    return false
    }
    // Verifico che le due password siano uguali, in caso contrario avverto
    // dell'errore con un Alert
    if (modulo.password.value != modulo.password_2.value) {
    alert("La password inserita non coincide con la prima!")
    modulo.password.focus()
    modulo.password.select()
    return false
    }

    else {
    alert("OK, le password inserite coincidono!")
    testresults=true
    }

    return true
    }
    -->
    </script>

    e poi il form:


    <form method="post" action="step-2.html" name="modulo" onsubmit="return testpass(this)">
    Digita una password<font color="red">*</font><input type="password" name="password" size="8" maxlength="8" />


    Conferma password<input type="password" name="password_2" size="8" maxlength="8" />
    <input type="image" src="check2.png" value="Submit" style="vertical-align:bottom; margin-left:122px;" />


    <font color="red">*</font><span style="font-size:8pt">Max. 8 caratteri (lettere/numeri). Attenzione alle maiuscole/minuscole.</span>
    </form>

    puoi ancora aiutarmi? Grazie
    Tra l'altro vedo che sei di Corigliano d'Otranto, giusto? io sono di Martano, pensa un pò......

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.