46 repository-uri
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 46 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.
Acest proiect este un plugin jQuery și un validator de formulare pe partea de client utilizat pentru a verifica input-urile formularelor web înainte ca acestea să fie trimise către un server. Utilizează un motor de validare bazat pe reguli pentru a verifica input-ul utilizatorului față de reguli predefinite sau personalizate pentru a asigura integritatea datelor în browser. Instrumentul este conceput ca un sistem de validare conform ARIA, utilizând atribute de accesibilitate pentru a lega mesajele de eroare de câmpurile de input. Acest lucru asigură că utilizatorii de screen reader sunt notificați atunci când un câmp conține o valoare invalidă în timpul procesului de trimitere a formularului. Sistemul suportă validarea serverului remote prin cereri HTTP asincrone și permite injectarea dinamică de reguli pentru a adăuga logică de validare personalizată. Gestionează interfața utilizator prin randarea erorilor legată de DOM și utilizează declanșarea bazată pe evenimente pentru a executa verificări în timpul evenimentelor de focus, blur sau submit.
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 este un framework de panou administrativ pentru Node.js care transformă automat schemele de baze de date în sisteme de gestionare a conținutului (CMS) și dashboard-uri backend funcționale. Oferă o interfață vizuală pentru efectuarea operațiunilor de creare, citire, actualizare și ștergere (CRUD) a înregistrărilor din diverse surse de date suportate. Framework-ul utilizează generarea de UI bazată pe modele pentru a mapa metadatele bazei de date către componente de formular și folosește un strat de abstractizare bazat pe adaptoare pentru a traduce operațiunile administrative în interogări specifice de bază de date. Suportă execuția de logică de business personalizată și workflow-uri operaționale prin trigger-e bazate pe acțiuni, legate de înregistrări specifice. Sistemul include capabilități pentru vizualizarea datelor prin dashboard-uri administrative și raportare de business intelligence. De asemenea, oferă instrumente pentru validarea input-ului bazată pe schemă, extinderea metadatelor resurselor folosind decoratori și o arhitectură bazată pe plugin-uri pentru adăugarea de componente de interfață personalizate.
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 este un framework de dezvoltare UI generativ care convertește descrierile în limbaj natural în componente de interfață cu utilizatorul structurate și interactive, folosind modele de limbaj mari. Acesta permite transformarea în timp real a textului în prototipuri funcționale, cum ar fi grafice, tabele, formulare și carduri. Proiectul se distinge printr-un sistem de orchestrare bazat pe schemă care utilizează primitive UI tipizate și scheme JSON pentru a constrânge output-ul modelului, asigurându-se că interfețele generate respectă bibliotecile de componente specifice. Dispune de un parser de streaming care permite randarea progresivă a componentelor, afișând elementele de interfață incremental pe măsură ce sosesc token-urile, în loc să aștepte un răspuns complet. Sistemul acoperă capabilități largi, inclusiv streaming de răspunsuri AI prin adaptoare compatibile cu OpenAI, gestionarea stării chat-ului pentru firele de conversație și generarea automată a prompturilor de sistem. Include, de asemenea, instrumente pentru transformarea arborilor de componente structurate în HTML static pentru export prin e-mail și o interfață de linie de comandă pentru scaffolding-ul proiectului. Este furnizat un renderer UI încorporat pentru a afișa interfețe în medii fără un pipeline de build tradițional.
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.
Aceasta este o aplicație web TypeScript și o aplicație single-page construită cu Angular. Servește ca o platformă de blogging completă și un sistem de gestionare a conținutului (CMS) care implementează tipare arhitecturale profesionale pentru construirea de interfețe utilizator complexe. Proiectul funcționează ca un client API REST care se integrează cu un serviciu backend pentru a gestiona utilizatorii, articolele și interacțiunile sociale. Include un renderer de conținut markdown pentru a afișa articole formatate și un sistem pentru descoperirea conținutului folosind fluxuri paginate și filtre de categorie. Aplicația acoperă mai multe domenii funcționale, inclusiv fluxuri de lucru de autentificare a utilizatorilor cu gestionarea identității bazată pe token-uri, gestionarea ciclului de viață al articolelor de blog și funcții de rețea socială, cum ar fi urmărirea autorilor și marcarea conținutului ca favorit.
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.