Foros del Web » Programando para Internet » Jquery »

formulario contacto con jquery

Estas en el tema de formulario contacto con jquery en el foro de Jquery en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 06/07/2011, 21:59
Avatar de 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...
  #2 (permalink)  
Antiguo 08/07/2011, 11:59
Avatar de DarKy_DarKness  
Fecha de Ingreso: mayo-2006
Ubicación: Talca
Mensajes: 58
Antigüedad: 18 años, 6 meses
Puntos: 0
Respuesta: formulario contacto con jquery

he tratado de colocar este código

<script type="text/javascript">
$(document).ready(function() {
$.getScript('admision/contacto/jquery.js', function() {
});
});
</script>

ya en la segunda pagina, no carga el jquery.
__________________
No hay nada mas que Solo yo en La Oscuridad...

Etiquetas: contacto, html, javascript, js, php, formulario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:48.