Send user's email from Tilda.cc form to Typeform

tilda-typeform-send-email.js

console.log('Success URL script modifier started');

var isAlreadyWatching = {};


$( document ).ready(startSuccessUrlModifier);

function startSuccessUrlModifier() {
    console.log('Document is ready');

    var daterFormButton = 'div.tn-form__submit > button';
    // var emailForm = '.t-form';
    var emailForm1 = '#form163951777';
    var emailForm2 = '#form166512541';

    var observer = new MutationObserver(function (mutations, me) {

    if ($(emailForm1)) watchEmailChanges(emailForm1);
    if ($(emailForm2)) watchEmailChanges(emailForm2);
    return;
    // me.disconnect(); // stop observing
    });
    
    observer.observe(document, {
        childList: true,
        subtree: true
    });

}


function watchEmailChanges(emailForm) {
    var emailSelector = emailForm + ' .t-input-group';
    var originalSuccessUrl = $(emailForm).attr('data-success-url');

    if(isAlreadyWatching[emailForm]) {
        $(emailSelector).unbind();
        $(emailSelector).off();
    }
    
    console.log('watchEmailChanges: Original successUrl: ', originalSuccessUrl);

    previousBindWatcher = $(emailSelector).bind("propertychange keyup input cut paste change", function() { handleEmailChanged(originalSuccessUrl, emailForm ) });
    previousChangeWatcher = $(emailSelector).on('change', function() { handleEmailChanged(originalSuccessUrl, emailForm ) });

    isAlreadyWatching[emailForm] = true;
}

function handleEmailChanged(originalSuccessUrl, emailForm ) {
    var email = $(emailForm).find('input[name="email"]').val();
    var newSuccessUrl = originalSuccessUrl + '?email=' + email;

    console.log('Email changed: ', email);
    console.log('New success url: ', newSuccessUrl);

    $(emailForm).attr('data-success-url', newSuccessUrl);

}