WULABS Bank Transfer Template (english)

<?xml version="1.0"?> <questionnaire>  <page ident="BT01" intID="1"> <question id="BT15" intID="8" /> <question id="BT02" intID="3" /> <question id="BT14" intID="2" /> <html intID="7"><![CDATA[ <script> function stripSpaces() { var inputField = document.getElementById('BT14_01'); var inputValue = inputField.value; // Remove all spaces from the input value var cleanedValue = inputValue.replace(/\s+/g, ''); cleanedValue = cleanedValue.toUpperCase(); // Update the input field with the cleaned value inputField.value = cleanedValue; } // Attach the stripSpaces function to the input field's blur event window.onload = function() { var inputField = document.getElementById('BT14_01'); inputField.onblur = stripSpaces; }; function showIBANInfo(iban) { var isValid = isValidIBANNumber(iban); var infoBox = document.getElementById('ibanInfoBox'); var submitButton = document.getElementById('submit0'); if (!infoBox) { infoBox = document.createElement('div'); infoBox.id = 'ibanInfoBox'; infoBox.style.border = '1px solid black'; infoBox.style.padding = '10px'; infoBox.style.marginTop = '10px'; infoBox.style.marginBottom = '10px'; infoBox.style.backgroundColor = '#f2f2f2'; var ibanInput = document.getElementById('BT14_01'); ibanInput.parentNode.insertBefore(infoBox, ibanInput.nextSibling); } if (isValid) { if(survey_lang == 'ger'){ infoBox.innerHTML = 'Gültige IBAN'; } else { infoBox.innerHTML = 'Valid IBAN'; } infoBox.style.color = 'green'; submitButton.classList.remove('disabled'); // Use a class to indicate the state removeWarningCheckbox(); } else { if(survey_lang == 'ger'){ infoBox.innerHTML = 'Ungültige IBAN (bitte überprüfen). Sollten Sie keinen Fehler feststellen können, senden Sie Ihre Angaben bitte dennoch ab.'; } else { infoBox.innerHTML = 'Invalid IBAN (please check). If you cannot find any errors, please submit your information anyway.'; } infoBox.style.color = 'red'; submitButton.classList.add('disabled'); // Use a class to indicate the state } } const url_params = new URLSearchParams(window.location.search); const survey_lang = url_params.get('l'); /* * Returns 1 if the IBAN is valid * Returns FALSE if the IBAN's length is not as should be (for CY the IBAN Should be 28 chars long starting with CY ) * Returns any other number (checksum) when the IBAN is invalid (check digits do not match) */ function isValidIBANNumber(input) { var CODE_LENGTHS = { AD: 24, AE: 23, AT: 20, AZ: 28, BA: 20, BE: 16, BG: 22, BH: 22, BR: 29, CH: 21, CR: 21, CY: 28, CZ: 24, DE: 22, DK: 18, DO: 28, EE: 20, ES: 24, FI: 18, FO: 18, FR: 27, GB: 22, GI: 23, GL: 18, GR: 27, GT: 28, HR: 21, HU: 28, IE: 22, IL: 23, IS: 26, IT: 27, JO: 30, KW: 30, KZ: 20, LB: 28, LI: 21, LT: 20, LU: 20, LV: 21, MC: 27, MD: 24, ME: 22, MK: 19, MR: 27, MT: 31, MU: 30, NL: 18, NO: 15, PK: 24, PL: 28, PS: 29, PT: 25, QA: 29, RO: 24, RS: 22, SA: 24, SE: 24, SI: 19, SK: 24, SM: 27, TN: 24, TR: 26, AL: 28, BY: 28, CR: 22, EG: 29, GE: 22, IQ: 23, LC: 32, SC: 31, ST: 25, SV: 28, TL: 23, UA: 29, VA: 22, VG: 24, XK: 20 }; var iban = String(input).toUpperCase().replace(/[^A-Z0-9]/g, ''), // keep only alphanumeric characters code = iban.match(/^([A-Z]{2})(\d{2})([A-Z\d]+)$/), // match and capture (1) the country code, (2) the check digits, and (3) the rest digits; // check syntax and length if (!code || iban.length !== CODE_LENGTHS[code[1]]) { return false; } // rearrange country code and check digits, and convert chars to ints digits = (code[3] + code[1] + code[2]).replace(/[A-Z]/g, function (letter) { return letter.charCodeAt(0) - 55; }); // final check return mod97(digits) === 1; } function mod97(string) { var checksum = string.slice(0, 2), fragment; for (var offset = 2; offset < string.length; offset += 7) { fragment = String(checksum) + string.substring(offset, offset + 7); checksum = parseInt(fragment, 10) % 97; } return checksum; } function createWarningCheckbox() { var warningCheckboxContainer = document.getElementById('warningCheckbox'); var infoBox = document.getElementById('ibanInfoBox'); var submitButton = document.getElementById('submit0'); if (!warningCheckboxContainer && infoBox) { warningCheckboxContainer = document.createElement('div'); warningCheckboxContainer.id = 'warningCheckbox'; if(survey_lang == 'ger'){ warningCheckboxContainer.innerHTML = '<input type="checkbox" id="acknowledgeCheckbox">' + '<label for="acknowledgeCheckbox">Ich habe meine IBAN sorgfältig überprüft und kann keine Fehler feststellen. Ich möchte meine Angaben mit dieser IBAN abschicken.</label>'; } else { warningCheckboxContainer.innerHTML = '<input type="checkbox" id="acknowledgeCheckbox">' + '<label for="acknowledgeCheckbox">I have carefully checked my IBAN and cannot find any errors. I want to submit my entry with this IBAN.</label>'; } infoBox.parentNode.insertBefore(warningCheckboxContainer, infoBox.nextSibling); var acknowledgeCheckbox = document.getElementById('acknowledgeCheckbox'); acknowledgeCheckbox.addEventListener('change', function() { if (acknowledgeCheckbox.checked) { submitButton.classList.remove('disabled'); // enable when checkbox is checked } else { submitButton.classList.add('disabled'); // disable when checkbox is unchecked } }); } } function removeWarningCheckbox() { var warningCheckboxContainer = document.getElementById('warningCheckbox'); if (warningCheckboxContainer) { warningCheckboxContainer.remove(); } } document.addEventListener('DOMContentLoaded', function() { var ibanInput = document.getElementById('BT14_01'); var submitButton = document.getElementById('submit0'); if (!ibanInput || !submitButton) { console.error('IBAN input or submit button not found'); return; } submitButton.classList.add('disabled'); // Initially disable the submit button ibanInput.addEventListener('blur', function() { showIBANInfo(ibanInput.value); }); submitButton.addEventListener('click', function(event) { if (submitButton.classList.contains('disabled')) { var acknowledgeCheckbox = document.getElementById('acknowledgeCheckbox'); if (acknowledgeCheckbox && acknowledgeCheckbox.checked) { // Allow submission if checkbox is checked return true; } else { if(survey_lang == 'ger'){ alert('Die angegebene IBAN scheint ungültig zu sein. Bitte überprüfen Sie die IBAN noch einmal. Falls Sie keine Fehler finden können, kreuzen Sie bitte das entsprechende Feld an um anzugeben dass Sie trotz des fehlgeschlagenen IBAN checks die Angaben absenden möchten.'); } else { alert('The provided IBAN seems to be invalid. Please check the IBAN again. If you cannot find any errors, please check the corresponding box to indicate that you wish to submit the information despite the failed IBAN check.'); } createWarningCheckbox(); event.preventDefault(); } } }); }); </script> <style> .disabled { opacity: 0.5; cursor: not-allowed; } </style> ]]></html> <question id="BT12" intID="6" /> <question id="BT04" intID="5" /> <postprocessing intID="4"> </postprocessing> </page> </questionnaire>