FormGuardJSformguardjs.hashnode.dev·Dec 7, 2024Simplify Form Validation with FormGuardJS: A Lightweight and Flexible SolutionWhen building web applications, form validation is a crucial task. It ensures that user inputs are valid and meet the expected criteria, preventing errors and improving user experience. However, managing form validation can sometimes be cumbersome, e...1 likeJavaScript
SharathchandarKsharathchandark.hashnode.dev·Dec 6, 2024User Form Validation in HTML CSS and JavaScript | JavaScript Form ValidationOverview: How To Build an Form Validation using HTML, CSS and JavaScript | Client Side Form Errors Validation. Welcome to our JavaScript Form Validation Coding Tutorials. In this video, we’ll walk you through a step-by-Step guide to building a fully ...JavaScript
Chidera HumphreyforfreeCodeCampfreecodecamp.org·Nov 22, 2024How to Handle Forms in Next.js with Server Actions and Zod for ValidationForms are essential in modern websites, as they help you collect your users’ information. So knowing how to handle forms properly is crucial when you’re building web applications. In this article, you will learn how to handle forms in Next.js using s...Next.js
syncfusionsyncfusion-blogs.hashnode.dev·Nov 8, 2024Integrating Syncfusion Vue Form Components and VuelidateTL;DR: Let’s learn how to build a registration form using Syncfusion Vue components and Vuelidate for validation. This guide covers setting up form fields, applying validation rules, and showing real-time error messages—ideal for creating intuitive, ...vuelidate
Kceekcee.hashnode.dev·Oct 18, 2024Enhance Your Express Applications with Zod LibraryExpress.js is a great framework for building web applications. It offers flexibility, and ease of use whilst being very robust. In this article, we will use Zod to enhance the features of a web API built with Express. Zod is a schema validation libra...API development
Vitthal Korvanvitthal-korvan.hashnode.dev·Oct 16, 2024React JS - Reducers And Context APIuseReducer what is useReducer useReducer is like a "state manager" that breaks down the state-changing process into three main parts: State: This is the current state (or the current values/data in your app). Action: This is what triggers a change ...2 likesReact-MasteryuseReducer
Yusuf Uysalyusufuysal.hashnode.dev·Oct 10, 2024React Interview Questions (Part 6): Forms and Events1. How do you handle forms and form validation in React? In React, handling forms and validating inputs is made easy by utilizing controlled components. A controlled component is where form input elements like <input>, <textarea>, and <select> derive...React Interview QuestionsReact
Frank Lamfranklam.hashnode.dev·Sep 26, 2024React Hook Form’s Controller: When and Why to Use ItWhen building forms in React, managing form state and validations can get tricky, especially when using third-party form components like Material-UI or Ant Design, which don’t integrate seamlessly with React Hook Form’s native inputs. This is where C...React
Eaysin Arafateaysin-arafat.hashnode.dev·Sep 17, 2024Case Study: Building react-form-interactions - A High-Performance React Library for Form State and ValidationProject Overview react-form-interactions is a sophisticated and reusable library for managing form state and validation in React applications. The library is engineered to streamline the handling of form interactions, validations, and state updates. ...67 readsForm State
Prateek Tewarireactingcoder.com·Sep 14, 2024Formik: The Checkbox Form Journey – What Should Neo Choose?It’s Saturday morning, and Neo finds himself staring at his computer screen, ready to dive into the world of Formik. Neo’s mission for the weekend is simple but daunting: explore Formik and integrate it into his everyday work. Enter Mobius, Neo’s men...13 likes·182 readsform validation