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
