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.