User Management Form with Validation

Add users, validate emails and phone numbers, and manage data interactively.

Key Features:

  • Email must be unique; duplicate emails are blocked.
  • Phone number must be exactly 10 digits; errors show in popup.
  • Delete confirmation popup prevents accidental deletions.
  • Responsive layout for mobile, tablet, and desktop.
  • Interactive table displays all user data dynamically.

Technical Highlights:

  • Built with HTML, CSS, and JavaScript.
  • Uses DOM manipulation, event delegation, and form validation.
  • Popup messages implemented for errors and confirmations.

How to try :

Enter name, email, and phone number in the form above. Duplicate emails or invalid phone numbers trigger popups. Use the delete button to remove entries safely.

Destop view

destop

Tablet view

tab

Mobile view

mobile