Todos sabemos que para que un formulario web funcione debe tener los parámetros como name, id, action y método de traspaso de datos, sabemos que existen dos de ellos esta POST y esta GET la cosa esta en que con “post” debemos saltar de pagina en pagina para que el script que realiza la acción que queremos, corra. Esto implica mas trabajo para el programador ya que no podemos simplemente pasar los datos ejecutar y ya, también esta el detalle de la apariencia del sitio web y todo lo demás. El caso es que con nuestro amigo Javascript nos podemos ahorrar ese trabajo y es realmente muy útil veamos como ejecutar sentencias SERVER-SIDE desde un form sin movernos de nuestra pagina actual.
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js”></script>
<script src=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js”></script>
<script type=”text/javascript” src=”http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js”>
</script>
<script type=”text/javascript”>
$(document).ready(function(){
$(“#myform”).validate({
debug: false,
rules: {
name: “required”,
email: {
required: true,
email: true
}
},
messages: {
},
submitHandler: function(form) {
// do other stuff for a valid form
$.post(‘consulta.php’, $(“#myform”).serialize(), function(data) {
$(‘#results’).html(data);
});
}
});
});
</script>