HTML javascript web
Prevenir envío de formulario con Enter
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.
Flutter
Validación de formularios en Flutter
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.
laravel php web
Laravel: guardar Model automáticamente desde formulario
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.
Framework Angular TypeScript web
Ejemplo de formulario con Angular
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í.
css Framework Angular web
Agregar Angular Material a app de Angular
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/materiala 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.
HTML python web
Procesar formulario con Flask
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.
Procesar formulario usando Python y Flask
Para ello vamos a usar el módulo request y acceder a request.form.get, usando también render_template para renderizar las vistas.
javascript jQuery php web
Enviar formulario a PHP con jQuery y AJAX
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.
Bootstrap 4 javascript php web
Enviar formulario con AJAX y PHP
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.
Bootstrap 4 java Spring Boot Framework
Validar formularios en Spring Boot
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.*
java Spring Boot Framework web
Procesar formulario con Spring Boot
Enviar datos por formulario y procesarlos usando Spring Boot
En este post te voy a enseñar a obtener datos de formulario en Spring Boot usando el motor de plantillas Thymeleaf para mostrar el formulario.
Vamos a ver un ejemplo de un formulario, desde dibujarlo hasta procesarlo en el controlador, usando una clase.
HTML php
PHP – Formulario con checkbox
En este artículo te voy a mostrar cómo trabajar con el input de tipo checkbox en un formulario de PHP para saber si una opción fue marcada o no.
HTML php web
PHP – Formulario con dos botones
En este post te mostraré cómo tener un formulario en PHP con dos botones de tipo submit y cómo saber cuál botón de los dos fue presionado para enviar el formulario.
A partir del botón presionado en el formulario de dos botones podemos hacer diferentes acciones, sin tener que usar JavaScript ni otras técnicas.
bases de datos javascript mysql Node.JS sql web
Conexión Node.js y MySQL con Express
En este post te voy a mostrar cómo conectarte a una base de datos de MySQL usando el lenguaje de programación JavaScript del lado del servidor a través del entorno Node; también conocido como Node.Js.
Vamos a hacer las 4 operaciones básicas de la base de datos: obtener datos, insertar datos, actualizar datos y eliminar datos.
Para la interfaz del usuario vamos a usar Bootstrap y una estructura de aplicación web generada con express-generator.
Bootstrap 4 css HTML web
Formulario de login con Bootstrap 4
En esta ocasión vengo a compartir un simple diseño de un formulario de inicio de sesión o login hecho con Bootstrap 4.
Generalmente un formulario de login solo lleva dos campos: el del correo y la contraseña.
Gracias a los estilos de Bootstrap podemos diseñar un formulario responsivo, elegante y simple con pocas líneas de código.
