script (2).js

$(document).ready(function() {
    // Form validation and submission
    $('#registrationForm').on('submit', function(e) {
        e.preventDefault();
        
        // Validate form
        if (!validateForm()) {
            return false;
        }
        
        // Show loading state
        const submitBtn = $('.btn-submit');
        const originalText = submitBtn.text();
        submitBtn.text('Submitting...').addClass('loading');
        
        // Get form data
        const formData = $(this).serialize();
        
        // Submit via AJAX to PHP
        $.ajax({
            url: 'process.php',
            type: 'POST',
            data: formData,
            dataType: 'json',
            success: function(response) {
                if (response.success) {
                    // Display results
                    displayResults(response.data);
                } else {
                    alert('Error: ' + response.message);
                    submitBtn.text(originalText).removeClass('loading');
                }
            },
            error: function(xhr, status, error) {
                // For demo purposes, if PHP is not available, display form data
                console.log('PHP not available, displaying form data directly');
                const data = getFormData();
                displayResults(data);
            },
            complete: function() {
                submitBtn.text(originalText).removeClass('loading');
            }
        });
    });
    
    // Form validation function
    function validateForm() {
        let isValid = true;
        
        // Validate phone number
        const phone = $('#phone').val();
        if (!/^\d{10}$/.test(phone)) {
            alert('Please enter a valid 10-digit phone number');
            $('#phone').focus();
            return false;
        }
        
        // Validate email
        const email = $('#email').val();
        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
        if (!emailRegex.test(email)) {
            alert('Please enter a valid email address');
            $('#email').focus();
            return false;
        }
        
        return isValid;
    }
    
    // Get form data as object
    function getFormData() {
        return {
            fullName: $('#fullName').val(),
            email: $('#email').val(),
            phone: $('#phone').val(),
            dob: $('#dob').val(),
            address: $('#address').val(),
            course: $('#course').val()
        };
    }
    
    // Display results
    function displayResults(data) {
        let resultHTML = '';
        
        const labels = {
            fullName: 'Full Name',
            email: 'Email Address',
            phone: 'Phone Number',
            address: 'Address',
            course: 'Course Applied For'
        };
        
        for (let key in data) {
            if (data.hasOwnProperty(key) && labels[key]) {
                resultHTML += `
                    <div class="result-item">
                        <span class="result-label">${labels[key]}:</span>
                        <span class="result-value">${data[key]}</span>
                    </div>
                `;
            }
        }
        
        $('#resultContent').html(resultHTML);
        
        // Animate transition
        $('#formContainer').fadeOut(300, function() {
            $('#resultContainer').fadeIn(300);
        });
        
        // Scroll to top
        $('html, body').animate({ scrollTop: 0 }, 300);
    }
    
    // Phone number formatting
    $('#phone').on('input', function() {
        this.value = this.value.replace(/[^0-9]/g, '');
        if (this.value.length > 10) {
            this.value = this.value.slice(0, 10);
        }
    });
    
    // Prevent future dates in DOB
    const today = new Date().toISOString().split('T')[0];
    $('#dob').attr('max', today);
});