File Manager

Editing: add_request.php

<!DOCTYPE html>
<html lang="en">
<head>
    
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Z6RR2PMZW4"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

gtag('config', 'G-Z6RR2PMZW4');
</script>

</head>
<body>
 
     <?php include 'header.php'; ?>
     
<br><br><br>   
    <form class="sellform" action="/process_request" method="POST">
    <h1>Request a Product</h1>
        <label for="product_name">Product Name:</label>
        <input type="text" id="product_name" name="product_name" required placeholder="eg:T-Shirt"> 
        <label for="description">Description:</label>
        <textarea id="description" name="description" required placeholder="Nyeusi plain, isiwe na maandishi"></textarea> 
        <label for="location">Location:</label>
        <input type="text" id="location" name="location" required placeholder="Morogoro"> 
        
         <label for="contact">WhatsApp number:</label>
        <div class="phone-input">
            <select id="country-code" name="country_code" required style="width:40%;">
                <option value="+255" selected>Tz (+255)</option>
                <option value="+254">Keny (+254)</option>
                <option value="+256">Uga (+256)</option>
                <option value="+250">Rwnd (+250)</option>
                <option value="+1">USA (+1)</option>
                <option value="+44">UK (+44)</option>
            </select>
            <input type="tel" id="contact" name="phone_number" placeholder="711***675" required pattern="[0-9]{6,15}" style="width:40%;">
        </div><br>
        
        <button type="submit">REQUEST</button>
    </form>
    <br><br><br>
    
     
     <?php include 'footer.php'; ?>
     
     <script>
    document.querySelector("form").addEventListener("submit", function (e) {
        const countryCode = document.getElementById("country-code").value;
        let phoneNumber = document.getElementById("contact").value.trim();
        const contactError = document.getElementById("contact-error");

// Regular expression to allow only digits with a length between 6 and 15
        const phoneRegex = /^[0-9]{6,15}$/;

if (!phoneRegex.test(phoneNumber)) {
            contactError.style.display = "block";
            contactError.textContent = "Please enter a valid phone number (digits only, 6-15 characters).";
            e.preventDefault();
            return;
        } else {
            contactError.style.display = "none"; 
        }

// Remove leading zero if it exists
        if (phoneNumber.startsWith("0")) {
            phoneNumber = phoneNumber.substring(1);
        }

// Create hidden inputs for country code and phone number
        let hiddenCountryCode = document.querySelector("input[name='country_code']");
        let hiddenPhoneNumber = document.querySelector("input[name='phone_number']");
        
        if (!hiddenCountryCode) {
            hiddenCountryCode = document.createElement("input");
            hiddenCountryCode.type = "hidden";
            hiddenCountryCode.name = "country_code";
            this.appendChild(hiddenCountryCode);
        }

if (!hiddenPhoneNumber) {
            hiddenPhoneNumber = document.createElement("input");
            hiddenPhoneNumber.type = "hidden";
            hiddenPhoneNumber.name = "phone_number";
            this.appendChild(hiddenPhoneNumber);
        }

hiddenCountryCode.value = countryCode;
        hiddenPhoneNumber.value = phoneNumber;
    });
</script>
     
   
    <script src="e-commerce.js"></script>
</body>
</html>

⬅ Back