validare form con jquery

**forza_sugar** · 05-10-2013, 11:31

Ciao ragazzi,
Io ho un form che richiama una pagina jsp. Vorrei che prima di richiamare la pagina jsp venga controllato dal validatore jquery. Come è possibile richiamarlo?
Questo è il form:

codice:

<html>
    <head>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="validatore.js"></script>
        <title>Registrazione</title>
       
    </head>
    <body bgcolor="yellow">
        <h2>Benvenuto a </h2>
        <br>
        <h3>Registrazione al sito</h3><br>
         <b> n.b. Tutti i campi sono obbligatori.</b>
        <form action="registra.jsp" method="post" id="registrazione"> 
                <table align="left" border="1">
                    <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>Username</b></td>
                        <td> <input type="text" name="username"> </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>Hobby</b></td>
                        <td> <input type="text" name="hobby"> </td>
                    </tr>
                    <tr>
                        <td><b>Data Di Nascita (gg/mm/aaaa) </b></td>
                        <td> <input type="text" name="nascita"> </td>
                    </tr>
                    <tr>
                        <td><b>E-Mail</b></td>
                        <td> <input type="text" name="email"> </td>
                    </tr>
                   
                    <tr>
                        <td colspan="2" align="center">
                            <input type="submit" value="Registrami" name="invio"/>
                                                       
                        </td>
                     </tr> 
       </table>
    
        </form>

E questo è il validatore jquery:

codice:

$(document).ready(function()
{
    $("#registrazione").validate(
    {
    rules:{
        'nome':{
            required:true,
            minlength: 3
        },
        'cognome': {
            required:true,
            minlength:2
        },
        'username':{
            required:true,
            minlength: 3
        },
        'password':{
            required:true,
            minlength: 8
        },
        'conferma':{
            equalTo: 'password'
        },
        'hobby':{
            required:true,
            minlength: 3
        },
        'email':{
            required:true,
            email:true
        },
        'nascita':{
            required:true,
            minlength: 10
        }
    }
});
});

Grazie in anticipo per le risposte.

**cavicchiandrea** · 05-10-2013, 13:35

E qual'è il problema?
Inserisci comunque id nei campi oltre al name non vorrei che validate di jquery si riferisca a quelli per identificare gli input

**forza_sugar** · 05-10-2013, 13:43

Originariamente inviata da cavicchiandrea

E qual'è il problema?
Inserisci comunque id nei campi oltre al name non vorrei che validate di jquery si riferisca a quelli per identificare gli input

già fatto...ma non funziona...è come se non esistesse proprio il validate...va direttamente alla jsp.
Uso netbeans 7.2.1 devo fare qualche impostazione particolare?

**cavicchiandrea** · 05-10-2013, 19:08

non saprei non uso e non conosco jsp, le librerie di jquery sono installate e i percorsi corretti giusto? il tutto lo stati testando online o su un webserver attivo?

**forza_sugar** · 06-10-2013, 15:43

utilizzo netbeans con Glassfish. I percorsi sono corretti. Ho provato anche questa guida
https://netbeans.org/kb/docs/web/js-...ts-jquery.html
facendo l'esempio allegato in cui non c'è jsp, ma solo HTML e JQuery, ma ancora niente.
Non potrebbe essere qualcosa sul browser (uso Chrome)?

**cavicchiandrea** · 06-10-2013, 16:15

Fermo restando che continui a parlare di jsp e qui si parla solo di js e questo non aiuta, vediamo la pagina online (tuosito.xxxx/tuapaginademo.xxxx)

**forza_sugar** · 06-10-2013, 16:52

No, non c'entra jsp. Infatti ho provato questo codice..che da quello che dice l'esempio dovrebbe colorare di blu la parola Test nel tag <h1> cliccandoci sopra e non funziona:

codice:

<html>
    <head>
        <title>JQuery progetto di test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="js/jquery-1.10.2.js"></script>
        <script type="text/javascript">
            $(Document).Ready(function() {
                $ ("h1"). Click (function() {
                    $ (this). addClass("Blue");
                });
            });
           
        </script>
        <style type="text/css">j
            .Blue {color:blue;}
        </style>
    </head>
    <body>
        <h1>Test.</h1>
    </body>
</html>

**cavicchiandrea** · 06-10-2013, 16:59

Non funziona perché è scritto male
Document = document Ready = ready comunque mi sembra che ci sia sintonia ok come non detto auguri.

**forza_sugar** · 06-10-2013, 17:09

scusami, ma non capisco...
dato che mi stai aiutando ma non conosci jsp ho provato un semplice esempio di html e jquery per vedere se è netbeans che non funziona con jquery o il form. Comunque ho corretto e non funziona lo stesso
Non era mia intenzione offenderti o altro.

**cavicchiandrea** · 06-10-2013, 17:17

Nessuna offesa, me ti chiedo un link ci si aspetta quello chiesto non divagazioni inutili

Discussione: validare form con jquery

Strumenti discussione

Ricerca discussione

Visualizza

validare form con jquery

grazie per la risposta

Tag per questa discussione

Permessi di invio