Tengo un formulario, que deseo validar para eso baje el plugin jquery.validate que valida los formularios pero no me resulta y tengo otras preguntas mas...primero les muestro el codigo que tengo.
Head del formulario
Código:
<script language="javascript" src="js/jquery.js"></script> <script language="javascript" src="js/funciones.js"></script> <script language="javascript" src="js/jquery.validate.js"></script>
Código HTML:
<body> <form method="post" action="envio.php" id="formContacto" name="formContacto" > <fieldset id="formContacto" style="width:400px; border-color:#666666"> <legend>Envia tus Comentarios</legend> <ol> <label>Nombre:</label><br/> <input type="text" size="30" name="txtNombre" id="txtNombre" class="required"/><br/> <label>E-mail:</label><br/> <input type="text" size="30" name="txtEmail" id="txtEmail" /><br/> <label>Asunto:</label><br/> <input type="text" size="30" name="txtAsunto" id="txtAsunto" class="required" /><br/> <label>Comentarios:</label><br/> <textarea name="txtComentarios" rows="5" cols="45" id="txtComentarios"></textarea><br/><br/> </ol> <input type="submit" name="btnEnviar" value="Enviar" /> </fieldset> </form> </body>
Código:
me arroja este error:$(document).ready(function(){
$("#formContacto").validate();
});
Error: $("#formContacto").validate is not a function
Archivo de origen: http://localhost/sitec/js/funciones.js
Línea: 21
pero me arroja el error apenas cargo la pagina sin necesidad de hacer cilc en el boton enviar del formulario.
Eso es con respecto al formulario, esta es mi otra pregunta.
Ahora en el mismo archivo funciones.js tengo un:
$(document).ready(function(){
...
....
que es para el menu y me carge una pagina dinamicamente el un div este es el codigo me funciona perfectamente peri quizas podrian hacerme alguna observacion:
Código:
Mi pregunta es por ejemplo para validar el formulario tengo que poner un :$(document).ready(function(){//1
//********* CODIGO PARA EL MENU **********
$("#img_cargando").hide();
$("#menu a").click(function(){//2
$("#contenedor").hide();
$("#img_cargando").show();
$.ajax({//3
url: $(this).attr('rel'),
success: function(data){//4
$("#img_cargando").fadeOut('fast', function(){
$("#contenedor").html(data).fadeIn('slow');
});//4
}
});//3
});//2
});//1
$(document).ready(function(){
y para el tema de cargar el menu hago otro :
$(document).ready(function(){
entonces mi pregunta es por cada cosa que haga deberia poner un $(document).ready(function(){
o se puede incluir todo en tan solo un $(document).ready(function(){
Nose si me explique ...bien espero haberlo hecho y espero que puedan ayudarme ya que no me resulta ......
Nuevamente gracias.
