https://github.com/hemant110800/basic-user-validation

Created a App where we are providing basic validation from UI end , where based on user entries providing validations messages in popup(Modal) to user and using concept of React Portal , for placing modal etc code externally and using ref , useRef() hook concept for controlling fields.
https://github.com/hemant110800/basic-user-validation

css html javascript react react-components react-hooks

Last synced: 3 months ago
JSON representation

Created a App where we are providing basic validation from UI end , where based on user entries providing validations messages in popup(Modal) to user and using concept of React Portal , for placing modal etc code externally and using ref , useRef() hook concept for controlling fields.

• Host: GitHub
• URL: https://github.com/hemant110800/basic-user-validation
• Owner: hemant110800
• Created: 2024-03-28T10:39:07.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-28T11:07:58.000Z (about 1 year ago)
• Last Synced: 2025-01-17T22:43:17.814Z (5 months ago)
• Topics: css, html, javascript, react, react-components, react-hooks
• Language: JavaScript
• Homepage:
• Size: 170 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Basic-User-Validation

Created a App where we are providing basic validation from UI end , where based on user entries providing validations messages in popup(Modal) to user and using concept of React Portal , for placing modal etc code externally and using ref , useRef() hook concept for controlling fields. 

1)Default View

![image](https://github.com/hemant110800/Basic-User-Validation/assets/48346161/5cca4ef8-991d-4ca5-bd7a-a38aae11994a)

2)Empty Field Validations

![image](https://github.com/hemant110800/Basic-User-Validation/assets/48346161/15ca1928-47fd-4dac-b53c-14a7e4de2799)

![image](https://github.com/hemant110800/Basic-User-Validation/assets/48346161/c0eecf34-0674-46eb-922e-86648f6e6aef)

![image](https://github.com/hemant110800/Basic-User-Validation/assets/48346161/25ac5a01-ae98-4a95-b285-f989f6ed3c8f)

3)Negative Age Validation

![image](https://github.com/hemant110800/Basic-User-Validation/assets/48346161/de759f6a-c8e9-4bba-8d97-b7d46a50072f)