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>
Y ahora el código HTML que llama al script “consulta.php”:
Notese que el nombre y ID de este formulario es ‘myform’ ademas de eso fíjese que que los resultados generados por ‘consulta.php’ serán desplegados en la sección ‘results’ y eso es todo, de esta forma no tendremos que trabajar en hojas de estilo para cada script php que llamemos desde un formulario.