entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

Ayuda con el Jquery Validate.

Ayuda con el Jquery Validate. LLevo unos dias atascado con la funcion validate de la clase JQUERY en mi pagina http://pruebagonzalo.org.es/tenis/escuela.html.
Me parece a mi que tiene que haber algún problema con el resto de clases que he puesto ( slider) por que no llega a entrar en el
en el script del validate para validar los datos del formulario. ¿ Me podrías ayudar por favor ?

0voto

juansolo comentado

Se recomienda poner los scripts de javascript al final del body para que sea lo último que se procese cuando se carga una página html. Si usas scripts que requieren de JQuery, primero tienes que cargar el script de JQuery y luego todos aquellos que dependan de él.

En tú pagina en el head, primero cargas la versión minimizada de JQuery y luego carga otro fichero llamado jquery-1.11.1.js que contiene este código HTML:

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>300 Multiple Choices</title>
</head><body>
<h1>Multiple Choices</h1>
The document name you requested (<code>/tenis/js/jquery-1.11.1.js</code>) could not be found on this server.
However, we found documents with names similar to the one you requested.<p>Available documents:
<ul>
<li><a href="/tenis/js/jquery-1.3.2.min.js">/tenis/js/jquery-1.3.2.min.js</a> (common basename)
<li><a href="/tenis/js/jquery-1.11.1.min.js">/tenis/js/jquery-1.11.1.min.js</a> (common basename)
</ul>
Please consider informing the owner of the <a href="http://pruebagonzalo.org.es/tenis/escuela.html">referring page</a> about the broken link.
</body></html>

Ordena y revisa tú código, para que te podamos ayudar.

2 Respuestas

1voto

jonatancastro1 Puntos3130

He visto tu página con el inspector de elementos de google chrome y me sale esto:

Resource interpreted as Script but transferred with MIME type
text/html: "http://pruebagonzalo.org.es/tenis/js/jquery-1.11.1.js".
jquery.js:25 Uncaught SyntaxError: Unexpected token <
jquery-1.11.1.js:1 Uncaught TypeError: undefined is not a function

Yo pienso que tienes un problema porque al parecer estas incluyendo 2 o 3 versiones de jquery, prueba dejando solo 1.

0voto

gonzalss Puntos3720

Jonatan

Estoy completamente atascado con esto . Muchas gracias por tu ayuda

Estos son los script que tengo

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE HTML>
<HTML>

<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<head>
<meta charset="UTF-8">

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
<link href='templates/aptc/css/template.css' rel='stylesheet' type='text/css'>

  <base/>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta property="og:url" content="index.html" />
  <meta property="og:title" content="Home" />
  <meta property="og:type" content="website" />
  <meta name="generator" content="Joomla! - Open Source Content Management" />
  <title>Escuela</title>
  <link href="templates/aptc/favicon_old.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />

<script src="media/system/js/mootools-core.js" type="text/javascript"></script>
<script src="media/system/js/core.js" type="text/javascript"></script>

<script src="js/jquery.min.js" type="text/javascript"></script> 

<script src="components/com_k2/js/k2e4af.js?v2.6.7&amp;sitepath=/" type="text/javascript"></script>

<script type="text/javascript" src="js/jquery-1.8.3.js"></script> 
<script type="text/javascript" src="js/jquery.validate.js"></script>

<script type="text/javascript">

       function validarFormulario(){
          $("#formulario").validate();
       }
       $(document).ready(function(){
          validarFormulario();
       });
    </script>

      <script type="text/javascript">
    function validarFormulario(){
   jQuery.validator.messages.required = 'Esta campo es obligatorio.';
   jQuery.validator.messages.number = 'Esta campo debe ser num&eacute;rico.';
   jQuery.validator.messages.email = 'La direcci&oacute;n de correo es incorrecta.';
   $("#formulario").validate();
 }
        </script>

<script src="templates/aptc/js/jquery.cycle.all.js" language="javascript" type="text/javascript"></script>

<script type="text/javascript">

// Slideshow

jQuery(document).ready(function() {

    // Slideshow

    jQuery('.homeBanner #bannerSlidesContainer').cycle({ 
        fx:     'fade', 
        speed:   1000, 
        timeout: 8000, 
        pause:   1,
        pager: '#bannerPager'
    });

});

jQuery.noConflict();

</script>

</head>

<body>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

Y este el form

<form id="formulario" action="escuela.html" method="post">
   <label for="nombre_y_apellido"> (*) Nombre y apellido </label>
   <br />
   <input type="text" name="nombre_y_apellido" id="nombre_y_apellido" class="required" />
   <br />
   <label for="sueldo"> (*) Sueldo estimativo </label>
   <br />
   <input type="text" name="sueldo" id="sueldo" size="5" maxlength="5" class="required number" />
   <br />
   <label for="email"> (*) E-mail </label>
   <br />
   <input type="text" name="email" id="email" class="required email" />
   <br />
   <label for="telefono"> Tel&eacute;fono </label>
   <br />
   <input type="text" name="telefono" id="telefono" />
   <br />
   <label for="cv"> Cv </label>
   <br />
   <textarea rows="5" cols="50" name="cv" id="cv" class="required"></textarea>
   <br />
   (*) Campos requeridos
   <br />
   <input type="submit" id="enviar" value="Enviar" />
   <div id="contenedor_errores"></div>
</form>

Fin

0voto

jonatancastro1 comentado

Tu comentario no fue muy claro pero intenta esto:

Quita estas lineas de tu etiqueta head

<script src="http://pruebagonzalo.org.es/tenis/js/jquery-1.11.1.js"></script>
<script src="js/jquery.min.js" type="text/javascript"></script> 

Luego escribe esto

$(function(){
        $("#formulario").validate();
});

quita las funciones validarFormulario(), por el momento y prueba. Para ofrecerte una mejor ayuda plantea tu problema en jsfiddle y publica aqui el link así podríamos encontrar mas fácil la solución saludos

0voto

gonzalss comentado

He dejado solo

 $(function(){
        $("#formulario").validate();
});

y he quitado las funciones de validarFormulario. ¿ Ahora como le digo al form que valide los campos ?
¿Dónde esta jsfiddle para poder publicar el link ?

0voto

jonatancastro1 comentado

entra aquí jsfiddle
ahí colocas tu código y lo colocas aquí como comentario para poder ayudarte con la solución. Saludos

0voto

gonzalss comentado

Seguimos igual, sigue sin validar el formulario
:(

0voto

Peter comentado

@gonzalss intente editar todos tus códigos, respuestas y mas códigos y mas respuestas.

Por favor escribe como comentarios las cosas que son comentarios. Las respuestas son para respuestas a la pregunta principal, que es la que hiciste en un principio.

Si publicas como respuestas, solo tu eres notificado de que alguien te respondió, pero no son respuestas, son comentarios. Entonces comenta las respuestas que te hacen y solo publica respuestas si efectivamente es una respuesta para pregunta principal.

Saludos.

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta