Formulario

En este post sobre formularios HTML y JavaScript vamos a ver cómo prevenir que el form sea enviado al presionar la tecla Enter; para ello se usará JavaScript o un simple atributo HTML. ...

En este post te mostraré algo sencillo: cómo hacer que un input o textarea en un formulario (usando el framework Bulma CSS o Buefy) ocupe todo el ancho disponible, es decir, que esté expandido. ...

Hoy vamos a ver cómo validar formularios en Flutter usando el Widget Form, agregando una clave para identificarlo, colocando varios TextFormField dentro del Form y finalmente definiendo la función de validación. Al final tendremos un formulario con el cual podremos comprobar si los datos son válidos o no, y a partir de ello realizar determinada acción. Voy a dejar un ejemplo de código en Dart al final del post para que puedas guiarte del mismo. ...

Hoy vengo a mostrar un truco o atajo al programar en Laravel, se trata de guardar un modelo con los campos que tiene el formulario de manera automática, en lugar de especificar cada propiedad manualmente. Es decir, a partir de los campos que tiene el formulario guardar el modelo en la base de datos en una sola línea. ...

Resumen: en este post te mostraré un ejemplo simple de un formulario con Angular, en donde ligamos a un valor del componente con la vista del formulario. En Angular existen dos tipos de formularios, los que son formularios reactivos (Reactive form) y los que son basados en plantillas (Template driven forms). Hoy veremos un ejemplo de un Template driven form en Angular, que si vienes de AngularJS (o apenas estás comenzando) vas a entenderlo muy bien. Si quieres puedes probar el resultado final aquí, y ver el código de todo el proyecto aquí. ...

En este post te muestro cómo agregar y utilizar los estilos de Material Design o Angular Material a una aplicación de Angular. Vamos a ver cómo: Agregar @angular/material a proyecto Utilizar un tema presideñado Configurar componente contenedor Usar algunos componentes Nota: para esto necesitas un proyecto existente. Si no lo tienes, mira aquí cómo comenzar con Angular. ...

Hoy vamos a ver cómo trabajar con los formularios web en Flask para introducir datos y enviarlos de tal manera que Flask pueda procesarlos. Para ello vamos a usar el módulo request y acceder a request.form.get, usando también render_template para renderizar las vistas. ...

Acabamos de ver cómo hacer una petición HTTP GET usando AJAX, jQuery y PHP. Ahora veremos cómo enviar un formulario con jQuery usando AJAX, procesarlo con PHP y recibir la respuesta de nuevo del lado del cliente. Para lograr esto, usaremos el método $.post y la librería de jQuery. Nota: recuerda que puedes hacer esto sin jQuery. ...

Enviar datos a PHP usando AJAX En este post vamos a ver cómo enviar un formulario de HTML a PHP pero sin recargar la página, simplemente usando AJAX. Recordemos que AJAX es una técnica que permite enviar y recibir datos de manera asíncrona, sin bloquear el hilo principal, además de ahorrar ancho de banda pues solo cargamos lo que se necesita. ...

Validar formularios con Spring Boot En este post te mostraré a validar un formulario en Spring Boot y a mostrar los mensajes de error (para indicar en dónde se equivocó al llenarse) con Thymeleaf. La validación es muy fácil, pues solo se utilizan anotaciones en la entidad. Verás que es muy sencillo gracias a las anotaciones como Min, NotNull y Size, las cuales se encuentran en: javax.validation.constraints.* ...