Skip to content

Latest commit

 

History

19 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

    Overview

This repository serves as a demonstration of frontend form validation using HTML, CSS, and JavaScript.
It includes two separate HTML files for sign-in and sign-up forms, along with corresponding CSS files for styling.
JavaScript is utilized for client-side validation, covering various validation checks such as empty fields, email format, password complexity, and more.

    Features

  • Sign-In Form: Simple form for users to sign in, with validation for username and password fields.
  • Sign-Up Form: Comprehensive form for new users to sign up, with validation for username, password, email, age, address, and city fields.
  • Client-Side Validation: Utilizes JavaScript to perform validation on the client side, providing instant feedback to users.
  • Custom Validations: Includes custom validation checks for email format, password complexity, and age range.
  • Best Practices: Demonstrates best practices for form validation in web development, including accessibility and user experience considerations.
  • Tools and Technology


      How to Use

  • Clone the repository: git clone https://github.com/hassanhaseen/Frontend-Form-Validation-Demo.git
  • Open signin.html or signup.html in your web browser.
  • Try signing in or signing up with valid and invalid inputs to see the validation in action.
  • About

    Created Sign-In an Sign-Up Pages - Studying Web Development

    Resources

    Stars

    0 stars

    Watchers

    1 watching

    Forks

    Releases

    Packages

    Used by

    Contributors

    Languages