Jquery Validate

<html>
<head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
        <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js" type="text/javascript"></script>
        <script src="messages_es.js" type="text/javascript"></script>
        <script>
        //Para mostrar mensajes de error en español
        //agregar el archivo messages_es.js

        //Para validar desde otras partes del documento usar
        //valid()

        //Para obtener la cantidad de errores usar
        //numberOfInvalids()

        //Aplicar un poco de estilos css

        $(document).ready(function()
        {
            $("#formulario").validate();
            $("#modificar").click(function(e)
            {
                e.preventDefault();
                if($("#formulario").valid()==true)
                {
                    alert("Formulario Correcto");
                }
                else
                {
                    alert($("#formulario").validate().numberOfInvalids() + " errores");
                }
            });
        });
        </script>
        <style>
        #contenedor{margin: 0px auto; border:5px dotted #BBCC00; width:500px; heigth: 400px; padding: 10px}
        label.error{display:block; color:red;}
        </style>
</head>
<body>
<div id="contenedor">
<form id="formulario">
<p><pre>Nombre: </pre><input type="text" name="nombre" class="required" id="nombre" /></p>
<p><pre>Email: </pre><input type="text" name="correo" class="required email" id="correo" /></p>
<p><pre>Link: </pre><input type="text" name="link" class="required url" id="link" /></p>
<input type="submit" value="Submit"/>
</form>
<a href="#" id="modificar">Modificar</a>
</div>
<body>
</html>