RogerioJunior/quest-form-validation-with-js

Challenge proposed by the Dev em Dobro course on Intermediary HTML, CSS and JavaScript quest.

DEVQUEST - Form with validation.

Challenge proposed by the Dev em Dobro course on intermediary JavaScript quest.

Table of contents

• Overview
  • The challenge
  • Design
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
• Author

Overview

The challenge

• The form validation should be done using pure JavaScript.
• When clicking to submit the form, if any field is not filled out, the input border should turn red and a "campo obrigatório" message should appear below the unfilled field, according to the Figma design.
• The background of the form should be created using the image attached in the lesson.

Figma Design

• No changes

• Field is not filled

• Field filled

  

My solutions

Links

• Solution URL: GitHub Pages

My process

Built with

• HTML5
• CSS
• Flexbox
• JavaScript
• Resposive design
• Google fonts - For Fonts

What I learned

I learned to create simple validation using JavaScript. And I'm improving my CSS skills.

Author

• Github - RogerioJunior
• Linkedin - rogerio-junior-rto