Skip to content

Form Validation & User Experience (UX) #3

Description

@codeCraft-Ritik

The project mentions "Sending emails in the contact section", but typically requires robust client-side validation.

Bug/Issue : Empty Form Submission: Without explicit JavaScript validation or HTML5 required attributes, users might submit empty contact forms.

Improvement : Success/Error Feedback: Implement a visual feedback mechanism (toast or message) in main.js that triggers after the email.js call.

Path : assets/js/main.js

Code Suggestion :

/*=============== EMAIL JS ===============*/
const contactForm = document.getElementById('contact-form');

const sendEmail = (e) => {
   e.preventDefault();
   // Add logic to check if fields are empty
   // Add success message class to a status element
   console.log('Email sent successfully!'); 
};
contactForm.addEventListener('submit', sendEmail);

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions