This project is a checkout page for a car rental case, featuring client-side validation for input fields using JavaScript. The validation ensures that the user inputs are correctly formatted before proceeding with the payment.
- Real-time Input Validation: Validates user inputs as they are typed, providing immediate feedback.
- Styled Form: Uses CSS for styling the form elements and error messages.
- Responsive Design: Ensures the checkout page is accessible and looks good on different screen sizes.
- Full Name: Must contain only letters and spaces.
- Email: Must follow a valid email format.
- Shipping Address: Accepts alphanumeric characters, commas, periods, and hyphens.
- Credit Card Number: Must be a valid credit card number format (16 digits).
- CVV: Must be a 3 or 4 digit number.
- Expiration Date: Must be in the MM/YY format.
.
├── index.html
├── assets
│ ├── css
│ │ └── style.css
│ ├── images
│ │ └── mazda-cx-9.png
│ └── js
│ └── validations.js
└── README.md
- Clone the repository:
git clone https://github.com/tracy20/summative_assessment_one_group.git
- Navigate to the project directory:
cd summative_assessment_one_group
- Open
index.html
in your preferred web browser.
This project was developed by the members of Cohort2 Group18:
- Patrick Niyogitare
- Best Verie Iradukunda
- Tracy Confiance Murenzi
- Denyse Uwingeneye Mutoni
- Fred Niyonshuti
Credit for the work goes to Cohort2 Group18 for their collaborative effort in developing this project.