Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/07/2011, 21:59
Avatar de DarKy_DarKness
DarKy_DarKness
 
Fecha de Ingreso: mayo-2006
Ubicación: Talca
Mensajes: 58
Antigüedad: 18 años, 6 meses
Puntos: 0
Pregunta formulario contacto con jquery

Hola, soy nueva en este tema, llevo un par de días viendo jquery y tengo un formulario que me funciona perfecto si ingreso a la pagina principal, pero al agregarlo en mi pagina, que tiene varios div, no me carga las librerias de validación y de enviar el formulario, antes trabaje con ajax la cual la libreria de js la cargaba en la pagina principal y se ejecutaba bien, trate de hacer lo mismo con jquery y no me funciona siento que se marea.
Código:
<script src="librerias/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="librerias/jquery/jquery.form.js" type="text/javascript"></script>
<script src="librerias/jquery/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
			$("#mensaje").hide();
			$("#frmContact").validate({
				event: "blur",rules: {'nombre': "required",'email': "required email",'consulta': "required"},
				messages: {'nombre': "Por favor indica tu nombre",'email': "Por favor, indica una direcci&oacute;n de e-mail v&aacute;lida",'consulta': "Por favor, dime algo!"},
				debug: true,errorElement: "label",
				submitHandler: function(form){
					$("#mensaje").show();
					$("#mensaje").html("<img src='ajax-loader.gif' style='vertical-align:middle;margin:0 10px 0 0' /><strong>Enviando mensaje...</strong>");
					$.ajax({
						type: "POST",
						url:"admision/contacto/envio.php",
						contentType: "application/x-www-form-urlencoded",
						processData: true,
						data: "nombre="+escape($('#ContactName').val())+"&email="+escape($('#ContactRecipient').val())+"&mensaje="+escape($('#ContactMessage').val()),
						success: function(msg){
							$("#mensaje").html("<strong>Mensaje enviado correctamente. </strong>");
							document.getElementById("ContactName").value="";
							document.getElementById("ContactRecipient").value="";
							document.getElementById("ContactMessage").value="";
							setTimeout(function() {$('#mensaje').fadeOut('fast');}, 3000);

						}
					});
				}
			});
	});
</script>
y el formulario es
Código:
<form id="frmContact" class="contacto">
		<div id="titulo_quienes2"><h4>Formulario de Contacto</h4></div>
		Nombre<br /><input name="nombre" type="text" maxlength="255" value="" id="ContactName" /><br />
		E-mail<br /></label><input name="email" type="text" value="" id="ContactRecipient" /><br />
   		Consulta<br /></label><textarea name="consulta" cols="30" rows="3" id="ContactMessage" ></textarea><br />
    <input class="submit" type="submit" value="Enviar Formulario" />
	</form>
    <div id="mensaje">&nbsp;</div>
ojala me puedan ayudar, porque no se carga dentro de otros div.
__________________
No hay nada mas que Solo yo en La Oscuridad...