JS to allow only 10 digit number in tel field form – Elementor

Table of Contents

<script>
document.addEventListener("DOMContentLoaded", function () {
    const phoneInput = document.querySelector('input[type="tel"]');
    const form = document.querySelector("form.elementor-form");
    if (phoneInput) {
        // Restrict input to digits only
        phoneInput.addEventListener("input", function () {
                this.value = this.value.replace(/[^0-9]/g, '').slice(0, 10);
        });
    }
    if (form) {
        form.addEventListener("submit", function (e) {
            const phone = phoneInput.value.trim();
            if (phone.length !== 10) {
                e.preventDefault();
e.stopImmediatePropagation();
alert("Please enter a valid phone number.");
phoneInput.focus();
            }
        });
    }
});
</script>

Leave a Reply