Haber no hay forma que resulte no se qué hago mal, pero me di cuenta de algo ... me explico yo tengo en el index.php un div menú donde se carga el menú para las diferentes opciones y cuando le hacen click a alguna opción se carga en el mismo index.php pero en un div contendor....ósea que yo hago el formulario de contacto como cualquier pagina mas y cuando me hacen clic en contacto esta página se carga en el div contenedor del index.php
Ahora lo que me di cuenta ocupando herramientas como el firebug para firefox y Web developer que puedo ver el código fuente de la pagina ya cargada ósea el index.php mas la pagina de contacto cargada en el div contenedor del mismo index.php.
En la página de contacto.php las llamadas en el <head> que hago para incluir la librería jquery.js y jquery.validate.js no me aparecen incluso los tags <head> no están...por lo tanto decidí incluir la llamada de la libreria jquery.validate.js en el index.php para ver si funcionaba pero aun así no me hace nada el código.
Les dejo el código de la página contacto.php.
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript" src="js/jquery.js"></script>
<script language="javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#formContacto").validate({
rules: {
txtNombre: {
required: true
},
txtEmail: {
required: true,
minlength: 2
}
},
messages: {
txtNombre: {
required: "* Debe Llenar este campo"
},
txtEmail: {
required: "* Required",
minlength: "* 2 Characters Required."
}
}
});
});
</script>
<title>Documento sin título</title>
<link href="css/miEstilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form 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" id="btnSubmit" />
</fieldset>
</form>
</body>
</html> Quizas por esto mismo es que cuando ponia el codigo de validacion de un formulario en el archivo funciones.js y lo llamaba de la pagina contacto.php me arrojaba ese errror:
Error: $("#formContacto").validate is not a function
Archivo de origen:
http://localhost/sitec/js/funciones.js
Línea: 21
Bueno estoy a sus disposicion cualquier sugerencia....la necesito llevo dias en esto.....desde ya muchisimas gracias