He seguido el tuto(gracias!) pero el problema que tengo es que despues de enviar el formulario me deja en el archivo "conexion.php" cuando tendría que estar en la misma página con una respuesta elegida por mí que apareciera debajo del formulario,
alguna idea de porque me deja en el otro archivo?
Gracias por sus soluciones!
Archivo:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript">
$(document).ready(function() {
$().ajaxStart(function() {
$('#loading').show();
$('#result').hide();
}).ajaxStop(function() {
$('#loading').hide();
$('#result').fadeIn('slow');
});
$('#form, #fat, #fo3').submit(function() {
$.ajax({
type: 'POST',
url: $(this).attr('action'),
data: $(this).serialize(),
success: function(data) {
$('#result').html(data);
}
})
return false;
});
})
</script>
<link rel="stylesheet" type="text/css" href="css/rating.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
<!--
.asterisco {
color: #F00;
}
-->
</style>
</head>
<body>
<div id="contact_form">
<form method="post" action="conexion.php" id="fo3" name="fo3" >
<fieldset>
<legend>Votame!</legend>
<div class="field-label">
<label for="field1-t2"><span class="asterisco">(*)</span>Nombre y apellido</label>
:</div>
<input name="field1-t2" id="field1-t2" class="required validate-alpha" title="Debes poner tu nombre." />
<div class="field-label">
<label for="field3"><span class="asterisco">(*)</span>E-mail</label>
:</div>
<div class="field-widget"><input name="field3" id="field3" class="required validate-email" title="Debes poner tu E-mail." /></div>
<div class="field-label">
<label for="field4"><span class="asterisco">(*)</span>Edad</label>
:</div>
<div class="field-label">
<input name="field4" id="field4" class="required validate-number" title="Debes poner tu edad, solo números." />
</div>
<br />
<div class="field-label">
<label for="field6"><span class="asterisco">(*)</span>Sexo</label>
:</div>
<select id="field6" name="field6" class="validate-selection" title="Debes poner una opción.">
<option value="-1" selected="selected">--Seleccione--</option>
<option value="1">Masculino</option>
<option value="2">Femenino</option>
</select>
<br />
<div class="field-label">
<label for="field7"><span class="asterisco">(*)</span>País</label>
:</div>
<select id="field7" name="field7" class="validate-selection" title="No has elegido país">
<option value="-1" selected="selected">--Seleccione--</option>
<option value="1">Masculino</option>
<option value="2">Femenino</option>
</select>
</fieldset>
<input type="submit" value="Enviar" name="mysubmit"/>
<input type="button" value="Borrar" onclick="valid2.reset(); return false" />
</form>
</div>
</div>
<div id="result"></div>
<script type="text/javascript">
var valid2 = new Validation('contact_form', {useTitles:true});
</script>
</body>
</html>