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ó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>
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"> </div>
ojala me puedan ayudar, porque no se carga dentro de otros div.