07/09/2011, 15:22
|
| | Fecha de Ingreso: julio-2011 Ubicación: Villa mella
Mensajes: 69
Antigüedad: 13 años, 3 meses Puntos: 0 | |
Respuesta: ajax y codesigner ok gracias le dire es en CodeIgniter y quiero poner este codigo ahi, pero no se como hacerlo, y como llamarlo desde mi controlador
<script type="text/javascript">
$(document).ready(function(){
$("#mensaje").hide();
$("#frmContact").validate({
event: "blur",rules: {'nombre': "required",'email': "required email",'comentario': "required"},
messages: {'nombre': "Por favor indica tu nombre",'email': "Por favor, indica una dirección de e-mail válida",'comentario': "Por favor, inserte su Comentario!"},
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:"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. Gracias por enviarnos su Comentario !</strong>");
document.getElementById("ContactName").value="";
document.getElementById("ContactRecipient").value= "";
document.getElementById("ContactMessage").value="" ;
setTimeout(function() {$('#mensaje').fadeOut('fast');}, 3000);
}
});
}
});
});
</script>
</head>
<body>
<div id="mensaje"> </div>
<form id="frmContact" class="contacto">
<fieldset>
<legend>Formulario de Contacto</legend>
<p><label class="label" for="ContactName">Nombre</label><input class="edit" name="nombre" type="text" maxlength="255" value="" id="ContactName" /></p>
<p><label for="ContactRecipient">E-mail</label><input class="edit" name="email" type="text" value="" id="ContactRecipient" /></p>
<p><label for="ContactMessage">Comentario</label><textarea class="edit" name="comentario" cols="5" rows="3" id="ContactMessage" ></textarea></p>
<p><input class="submit" type="submit" id="send" value="Enviar" /></p>
</fieldset>
</form>
</body> |