Diferencia entre revisiones de «JQuery Form»
De Dos Ideas.
(→Texto de titular) |
|||
| Línea 1: | Línea 1: | ||
[[Category:JQuery]] | [[Category:JQuery]] | ||
| − | [[JQuery Form]] es un | + | [[JQuery Form]] es un plugin para la librería [[JavaScript]] [[JQuery]] que agrega diversa funcionalidad para la manipulación de formularios, y en particular permite convertir a ajax un formulario HTML cualquiera. |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | para la librería [[JavaScript]] [[JQuery]] que agrega diversa funcionalidad para la manipulación de formularios, y en particular permite convertir a ajax un formulario HTML cualquiera. | ||
Para su uso se indica el formulario a convertir, y en dónde deberá mostrarse el resultado de la invocación. | Para su uso se indica el formulario a convertir, y en dónde deberá mostrarse el resultado de la invocación. | ||
| − | + | ==Ejemplo== | |
| − | + | <code html4strict> | |
<html> | <html> | ||
<head> | <head> | ||
| − | </head> | + | <script type="text/javascript" src="/resources/jquery/jquery.js"></script> |
| − | <body> | + | <script type="text/javascript" src="/resources/jquery/jquery.form.js"></script> |
| + | <script type="text/javascript"> | ||
| + | $(document).ready(function() { | ||
| + | $("#formBusqueda").ajaxForm({ | ||
| + | type: "POST", | ||
| + | target: "#resultados" | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
| + | </head> | ||
| + | <body> | ||
| + | <h2>Consulta de Invasores</h2> | ||
| + | |||
| + | <form id="formBusqueda" action="procesarConsulta.jsp"> | ||
| + | <input type="text" name="consulta" /> | ||
| + | <input type="submit" value="Buscar" /> | ||
| + | </form> | ||
| + | |||
| + | <div id="resultados"></div> | ||
| + | |||
| + | </body> | ||
| + | </html> | ||
| + | </code> | ||
| − | + | ==Ver también== | |
| − | + | * [[JQuery]] | |
| − | + | * [http://www.dosideas.com/java/239-iajaxificando-un-formulario.html Ajaxificando un formulario] | |
| − | + | * [http://www.dosideas.com/descargas/category/1-jquery.html?download=10%3Ademo-de-jquery-form Descargar proyecto de ejemplo de jQuery Form] | |
| + | * [http://malsup.com/jquery/form/ Web oficial de jQuery Form] | ||
Revisión del 19:29 22 sep 2010
JQuery Form es un plugin para la librería JavaScript JQuery que agrega diversa funcionalidad para la manipulación de formularios, y en particular permite convertir a ajax un formulario HTML cualquiera.
Para su uso se indica el formulario a convertir, y en dónde deberá mostrarse el resultado de la invocación.
Ejemplo
<html>
<head>
<script type="text/javascript" src="/resources/jquery/jquery.js"></script>
<script type="text/javascript" src="/resources/jquery/jquery.form.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#formBusqueda").ajaxForm({
type: "POST",
target: "#resultados"
});
});
</script>
</head>
<body>
Consulta de Invasores
<form id="formBusqueda" action="procesarConsulta.jsp">
<input type="text" name="consulta" />
<input type="submit" value="Buscar" />
</form>
</body>
</html>
