Skip to content

Form created with Bootstrap 5 to study and practice AJAX usage and error handling with then, catch, and finally. Includes basics of connecting the Front-End with the Back-End using Fetch API, jQuery, and vanilla JavaScript.

Notifications You must be signed in to change notification settings

AsrielDreemurrGM/AJAX_Form

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 

Repository files navigation

AJAX Form

Este README também está disponível em Português.

A study project using Bootstrap 5, AJAX, Fetch API, and jQuery. It demonstrates error handling with then, catch, and finally, along with basic integration between Front-End and Back-End.

🚀 Live Demo

Check it out on Vercel

🛠️ Technologies Used

  • JavaScript (Vanilla and jQuery)
  • AJAX & Fetch API
  • Bootstrap 5
  • jQuery Plugins (Mask Plugin, Validation)

📂 Project Features

  • Form validation with Bootstrap and jQuery.
  • Search by postal code (CEP) via ViaCEP API.
  • Error handling with catch and finally.
  • Animated button icons using Bootstrap Icons.
  • Address autocomplete after fetching data.

📜 Commit Highlights

  • Created form with Bootstrap 5 layout.
  • Configured CEP search with JavaScript and jQuery.
  • Added Fetch API implementation with error handling.
  • Integrated jQuery Mask Plugin for CEP input.
  • Replaced text button with Bootstrap search icon + animation.

🏷️ Topics

javascript, jquery, html5, ajax, fetch-api, jquery-mask-plugin, bootstrap5, xhtmlrequest

About

Form created with Bootstrap 5 to study and practice AJAX usage and error handling with then, catch, and finally. Includes basics of connecting the Front-End with the Back-End using Fetch API, jQuery, and vanilla JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published