47 repositorios
Logic for verifying the correctness of user input during entry or upon submission.
Distinct from Date Input Validation: Candidates focus on specific input types (dates, terminal) or general handling, not the general validation logic itself.
Explore 47 awesome GitHub repositories matching user interface & experience · Form Input Validation. Refine with filters or upvote what's useful.
react-hook-form is a React form state management library and cross-platform UI hook used to manage form inputs, validation, and submission state. It functions as an uncontrolled form controller, leveraging uncontrolled components to minimize unnecessary re-renders in web and mobile environments. The library provides schema-based form validation, allowing user input to be verified against predefined rules or external schema libraries to ensure data integrity. It is designed to connect form logic to components across both React and React Native applications. The project covers the integration
Checks form data against defined rules and tracks errors to provide immediate user feedback.
Taxonomy is a full-stack application template and reference implementation built with the Next.js app router. It serves as a comprehensive starter for developing web applications using server components and modern React patterns. The project integrates a variety of specialized systems, including an identity management workflow for OAuth and session handling, and a billing system for managing recurring subscriptions and payment events. It also features a content pipeline that transforms Markdown and JSX files into type-safe data collections for rendering blogs and documentation. The architect
Implements runtime validation for user forms and API inputs to ensure data correctness.
This project is a collection of official plugin packages and a native integration library designed to provide a consistent interface for accessing hardware and software functionality across different mobile and desktop platforms. It serves as a native platform bridge, enabling cross-platform applications to invoke native code and manage operating system dependencies. The project utilizes a federated plugin architecture, splitting plugins into common interfaces and separate platform implementations to allow for independent development and extension. It further supports native integration throu
Implements logic for verifying the correctness of user input during entry and displaying error messages.
This project is a collection of reference implementations for vanilla web applications, interactive browser games, and core frontend development patterns. It consists of small web applications and tools built using standard HTML, CSS, and JavaScript without the use of external frameworks or libraries. The collection demonstrates various practical implementations, including browser-based mini games with arcade and word-guessing mechanics, as well as frontend interface prototypes. These examples cover the use of the native document object model for state manipulation and the implementation of i
Implements logic for verifying the correctness of user input and displaying real-time error feedback.
redux-form is a library for managing HTML form state and validation within a Redux store using React components. It functions as a state manager that synchronizes input values and interaction metadata to maintain a single source of truth in a global state container. The project provides mechanisms for orchestrating dynamic arrays of input fields that can be added, removed, or reordered in real time. It also includes a system for splitting complex data entry into a sequence of pages to create multi-step form wizards. Additional capabilities cover client-side data validation through synchronou
Verifies the correctness of user input during entry or upon submission using sync or async logic.
CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties. The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li
Provides a set of advanced form controls including autocomplete, date pickers, and multi-step wizards with validation.
Este proyecto es un plugin de jQuery y validador de formularios del lado del cliente utilizado para verificar las entradas de formularios web antes de que sean enviadas a un servidor. Emplea un motor de validación basado en reglas para verificar la entrada del usuario contra reglas predefinidas o personalizadas para garantizar la integridad de los datos en el navegador. La herramienta está diseñada como un sistema de validación compatible con ARIA, utilizando atributos de accesibilidad para vincular mensajes de error a los campos de entrada. Esto asegura que los usuarios de lectores de pantalla sean notificados cuando un campo contiene un valor no válido durante el proceso de envío del formulario. El sistema admite la validación remota del servidor mediante solicitudes HTTP asíncronas y permite la inyección dinámica de reglas para añadir lógica de validación personalizada. Gestiona la interfaz de usuario a través del renderizado de errores vinculado al DOM y utiliza disparadores basados en eventos para ejecutar comprobaciones durante eventos de foco, desenfoque o envío.
Verifies form field values against a set of rules to ensure data integrity before submission.
This is a visual form builder that generates Vue single-file components from a drag-and-drop canvas. It provides a complete workflow for designing forms visually, previewing them in real time, and exporting them as ready-to-use Vue code with validation rules already configured. The tool integrates a drag-and-drop canvas with a live preview pane, allowing you to see the generated form interactively as you build it. It includes an embedded code editor with hot reload, so changes to the generated code are reflected immediately in the preview. A VS Code extension bridge lets you open the designer
Configures validation rules on form fields so user input is checked before submission.
cube-ui is a mobile-first Vue.js component library that provides a comprehensive set of pre-built UI elements for building touch-based mobile web applications. The library is built on Vue's single-file component architecture and supports on-demand ES module imports, allowing developers to selectively load only the components they need to optimize bundle size. It also offers plugin-based global registration for convenient setup and includes a CLI scaffolding tool to generate project skeletons with pre-configured build settings. The library distinguishes itself with a gesture-driven interaction
Implements a form validation pipeline that checks input rules and displays error states.
Admin-bro es un framework de panel administrativo para Node.js que transforma automáticamente esquemas de bases de datos en sistemas de gestión de contenido y paneles de control funcionales. Proporciona una interfaz visual para realizar operaciones de creación, lectura, actualización y eliminación (CRUD) en registros a través de diversas fuentes de datos compatibles. El framework utiliza la generación de UI basada en modelos para mapear metadatos de bases de datos a componentes de formulario y emplea una capa de abstracción basada en adaptadores para traducir operaciones administrativas en consultas específicas de base de datos. Admite la ejecución de lógica de negocio personalizada y flujos de trabajo operativos mediante disparadores basados en acciones vinculados a registros de recursos específicos. El sistema incluye capacidades para la visualización de datos mediante paneles administrativos e informes de inteligencia empresarial. También proporciona herramientas para la validación de entradas basada en esquemas, la extensión de metadatos de recursos mediante decoradores y una arquitectura basada en plugins para añadir componentes de interfaz personalizados.
Enforces data integrity by validating user input against predefined resource schemas during data entry.
text-mask is a JavaScript library for enforcing consistent text formats and dynamic masking patterns in web input fields. It provides a suite of utilities to constrain text field entries to predefined masks and validators, ensuring data consistency across multiple frontend frameworks including React, Angular, and Vue. The library supports dynamic pattern generation using functions to handle variable data formats and localized patterns. It includes capabilities for processing bulk text entries, such as pasted content and browser auto-fill data, while maintaining the integrity of the defined in
Verifies the correctness of user input during entry by enforcing specific text patterns and formats.
This project is a JavaScript UI component library and frontend utility toolkit. It serves as a web modal framework and popup library, providing a specialized system for rendering interactive dialogs, overlays, and layered interfaces over web page content. The library is distinguished by its comprehensive set of overlay tools, including alert dialogs, confirmation prompts, and the ability to embed external content via iframes. It also features a responsive twelve-column grid system for cross-device layout compatibility and an internal modular dependency management system for on-demand loading
Enforces data integrity during form submission using built-in rules or custom regular expressions.
This project is a sample library and implementation guide for using RxJava to manage asynchronous data streams and concurrent tasks in Android applications. It provides a collection of reference implementations for reactive programming, focusing on functional operators to transform and combine asynchronous data flows. The library demonstrates specific Android architectural patterns, such as implementing decoupled event buses for component communication and coordinating parallel network requests. It includes concrete examples of mobile-specific patterns including search input debouncing, list
Provides a reactive implementation for monitoring and validating multiple form fields in real time.
OpenUI es un framework de desarrollo de UI generativa que convierte descripciones en lenguaje natural en componentes de interfaz de usuario estructurados e interactivos utilizando modelos de lenguaje de gran tamaño. Permite la transformación en tiempo real de texto en prototipos funcionales como gráficos, tablas, formularios y tarjetas. El proyecto se distingue por un sistema de orquestación basado en esquemas que utiliza primitivas de UI tipadas y esquemas JSON para restringir la salida del modelo, asegurando que las interfaces generadas se adhieran a bibliotecas de componentes específicas. Cuenta con un analizador de streaming que permite el renderizado progresivo de componentes, mostrando elementos de interfaz incrementalmente a medida que llegan los tokens en lugar de esperar una respuesta completa. El sistema cubre capacidades amplias, incluyendo streaming de respuestas de IA a través de adaptadores compatibles con OpenAI, gestión del estado del chat para hilos de conversación y la generación automatizada de prompts del sistema. También incluye herramientas para transformar árboles de componentes estructurados en HTML estático para exportación por correo electrónico y una interfaz de línea de comandos para el andamiaje (scaffolding) de proyectos. Se proporciona un renderizador de UI embebido para mostrar interfaces en entornos sin una tubería de construcción tradicional.
Runs values against built-in or custom validation rules to ensure data integrity within interfaces.
Inputmask is a JavaScript library that serves as a client-side input formatter and form input validator. It constrains text input fields to specific formats, such as phone numbers and dates, to ensure data consistency. The project provides guided text entry and user input validation to prevent formatting errors. It standardizes how structured information is entered in web browsers to support more reliable server-side processing. The library manages data validation and formatting by enforcing predefined patterns on user entry. It handles real-time input interception, cursor-position tracking,
Enforces predefined patterns on user entry to prevent invalid data from being submitted in forms.
web.py is a minimal Python web framework that provides the core components needed to build web applications: URL routing, template rendering, database access, form handling, and session management. The framework uses a convention-based approach where URL patterns are automatically mapped to handler classes based on their names, eliminating the need for manual route configuration. It exposes applications as WSGI callables, making them deployable with any WSGI-compliant server. The framework distinguishes itself through its metaclass-driven auto-discovery system, which automatically registers h
Ships a built-in form validation system that defines fields with rules and processes submitted data.
Avalon is a client-side MVVM JavaScript framework that binds model data to DOM elements and automatically updates views when state changes. It functions as a component-based UI framework, encapsulating markup, logic, and styles into reusable custom components that can be composed across pages, while also serving as a virtual DOM diffing engine that computes minimal DOM updates by comparing lightweight in-memory view tree snapshots. The framework distinguishes itself through a template directive compiler that transforms declarative HTML attributes like ms-repeat and ms-if into executable view
Checks user-entered data against rules and displays feedback before submission.
SpringSide 4 is an enterprise Java reference architecture and utility library built on the Spring Framework. It provides a pragmatic, best-practice application stack for building RESTful web services, web applications, and data access layers, along with a curated collection of high-performance utility classes for common operations like text, date, collection, reflection, concurrency, and I/O handling. The project distinguishes itself by combining a complete reference application scaffold with production-oriented infrastructure. It includes a JPA-based data access layer that automatically tran
Checks form data and domain objects against rules using server-side validators.
Esta es una aplicación web TypeScript y aplicación de una sola página construida con Angular. Sirve como una plataforma de blogs completa y un sistema de gestión de contenido que implementa patrones arquitectónicos profesionales para construir interfaces de usuario complejas. El proyecto funciona como un cliente de API REST que se integra con un servicio backend para gestionar usuarios, artículos e interacciones sociales. Incluye un renderizador de contenido markdown para mostrar artículos formateados y un sistema para el descubrimiento de contenido utilizando feeds paginados y filtros de categoría. La aplicación cubre varios dominios funcionales, incluyendo flujos de trabajo de autenticación de usuario con gestión de identidad basada en tokens, gestión del ciclo de vida de artículos de blog y características de redes sociales como seguir autores y marcar contenido como favorito.
Provides real-time form validation using observable streams to track input validity as users type.
Vue Form Making is a visual form designer for Vue.js that lets you build forms by dragging and dropping components onto a canvas, without writing code. It generates runnable Vue.js code and structured JSON from the visual design, enabling rapid form creation and reuse. The tool provides a complete form-building environment with component configuration, input validation with error messages, live preview, and JSON export for storage or sharing. It supports remote data integration to populate dropdowns and other fields from external APIs, and allows custom Vue components to be registered and use
Checks user input against defined rules and displays error messages when validation fails.