Job Application Form

This project is a dynamic and user-friendly job application form that allows users to submit their details, validates inputs, and displays a formatted preview after submission.

🚀 Features

• Complete job application form UI
• Client-side validation using JavaScript and jQuery
• Real-time field validation (email, phone, pincode, etc.)
• AJAX-based form submission
• Server-side handling using PHP
• Application preview after successful submission
• Responsive design for different screen sizes

🛠️ Tech Stack

• HTML5
• CSS3
• JavaScript
• jQuery
• PHP

📁 Project Structure

job-application-form/
│
├── index.html
├── style.css
├── script.js
├── submit.php
└── README.md

⚙️ How It Works

1. User fills out the application form
2. JavaScript validates all required fields
3. Form data is sent using AJAX to the server (submit.php)
4. Server processes the request and sends response
5. A preview of submitted data is displayed

📌 Important Notes

• PHP server is required to handle form submission

• AJAX is used for smooth user experience without page reload

• Input validation includes:

  • Email format
  • Indian phone number validation
  • Pincode validation
  • Age restriction (18+)

▶️ How to Run

Option 1: Local Server (Recommended)

• Use XAMPP / WAMP / Localhost
• Place project in htdocs
• Run:

http://localhost/job-application-form

Option 2: Live Server (Frontend only)

• You can run HTML, CSS, JS
• PHP functionality will NOT work

🔮 Future Improvements

• Store data in database (MySQL)
• Add file upload (resume)
• Improve UI design
• Add admin dashboard for applications

📚 What I Learned

• Form validation using JavaScript and jQuery
• AJAX communication with backend
• Handling user input securely
• Building structured and scalable forms

📜 License

This project is licensed under the MIT License.