Divi Contact Form Field URL Validation

wpdicfval.js

<script>
jQuery(document).ready(function($) {
    // Get the form field. Change #et_pb_contact_url_0 to match your target field
    var urlField = $('#et_pb_contact_url_0');
    var form = $('form');

    // Regular expression to validate URLs
    var urlRegex = /^(ftp|http|https):\/\/[^ "]+$/;

    // Flag to track validation status
    var isValid = false;

    // Function to validate the URL
    function validateUrl() {
        // Get the value of the URL field
        var urlValue = urlField.val();

        // Check if the entered value matches the URL pattern
        isValid = urlRegex.test(urlValue);

        // Display an error message if invalid
        if (!isValid) {
            alert('Please enter a valid URL.');
        }
    }

    // Attach a function to the change event (field loses focus or value changes)
    urlField.change(function() {
        validateUrl();
    });

    // Attach a function to the focusout event (user attempts to leave the field)
    urlField.focusout(function() {
        // If not valid, keep focus on the field
        if (!isValid) {
            urlField.focus();
        }
    });

    // Prevent form submission on Enter key press
    form.keypress(function(e) {
        if (e.which === 13) {
            e.preventDefault();
        }
    });
});
</script>