Código:
y el formulario es<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ón de e-mail vá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>
Código:
ojala me puedan ayudar, porque no se carga dentro de otros div. <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"> </div>