CINXE.COM
Registration
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Registration</title> <link rel="stylesheet" href="/site.css" /> <link rel="icon" type="image/x-icon" href="/favicon.ico" /> </head> <body> <style> @keyframes pk1 {0% {left: 10%;top: 41%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 8%;top: 34%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 10%;top: 41%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes pk1 {0% {left: 12%;top: 17%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 5%;top: 10%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 12%;top: 17%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes pk2 {0% {left: 32%;top: 14%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 39%;top: 20%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 32%;top: 14%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes pk3 {0% {left: 76%;top: 58%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 78%;top: 52%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 76%;top: 58%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes pk4 {0% {left: 90%;top: 6%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 84%;top: 9%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 90%;top: 6%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes rd1 {0% {left: 14%;top: 83%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 12%;top: 87%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 14%;top: 83%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes rd2 {0% {left: 31%;top: 64%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 28%;top: 57%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 31%;top: 64%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes rd3 {0% {left: 97%;top: 60%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 94%;top: 65%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 97%;top: 60%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes rd4 {0% {left: 95%;top: 81%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 91%;top: 75%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 95%;top: 81%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes re1 {0% {left: 29%;top: 31%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 25%;top: 25%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 29%;top: 31%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes re2 {0% {left: 16%;top: 14%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 18%;top: 10%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 16%;top: 14%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes re3 {0% {left: 83%;top: 38%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 76%;top: 32%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 83%;top: 38%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes re4 {0% {left: 66%;top: 40%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 62%;top: 42%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 66%;top: 40%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes ch1 {0% {left: 3%;top: 70%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 8%;top: 73%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 3%;top: 70%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes ch2 {0% {left: 14%;top: 71%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 12%;top: 69%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 14%;top: 71%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes ch3 {0% {left: 89%;top: 70%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 92%;top: 66%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 89%;top: 70%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes ch4 {0% {left: 93%;top: 88%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 95%;top: 95%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 93%;top: 88%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes ci1 {0% {left: 30%;top: 32%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 28%;top: 35%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 30%;top: 32%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes ci2 {0% {left: 26%;top: 39%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 23%;top: 36%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 26%;top: 39%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes ci3 {0% {left: 87%;top: 39%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 93%;top: 44%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 87%;top: 39%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes ci4 {0% {left: 90%;top: 18%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 83%;top: 20%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 90%;top: 18%;opacity: 0.1;width: 1rem; height: 1rem;}} </style> <div class="container-fluid"> <div class="container"> <div class="position-relative"> <div class="lang-select"> <button class="lang-toggle" id="lang-toggle" onclick="openclose()"> <svg class="svg-24 me-3"><use href="/assets/icons.svg#ic-flag-united-kingdom" /></svg> Language: English <svg class="svg-24 ms-2" id="ic-arrow-down"><use href="/assets/icons.svg#ic-arrow-down" /></svg> <svg class="svg-24 ms-2" id="ic-arrow-up" style="display:none;"><use href="/assets/icons.svg#ic-arrow-up" /></svg> </button> <div class="lang-menu" id="lang-menu"> <a class="lang-item" href="/Account/Register?culture=de&productId=e89515e6-51e9-46d7-a399-768176b1ad7e"> <svg class="svg-24 me-2"><use href="/assets/icons.svg#ic-flag-germany" /></svg> Sprache: Deutsch </a> <a class="lang-item" href="/Account/Register?culture=en-US&productId=e89515e6-51e9-46d7-a399-768176b1ad7e"> <svg class="svg-24 me-2"><use href="/assets/icons.svg#ic-flag-united-kingdom" /></svg> Language: English </a> </div> </div> </div> <script> var open = false; openclose = function() { open = !open; if (open) { $('#ic-arrow-down')[0].style.display = 'none'; $('#ic-arrow-up')[0].style.display = 'inline-block'; $('#lang-menu')[0].style.display = 'block'; } else { $('#ic-arrow-up')[0].style.display = 'none'; $('#ic-arrow-down')[0].style.display = 'inline-block'; $('#lang-menu')[0].style.display = 'none'; } } </script> </div> </div> <div class="nav-border"> <div class="container-fluid"> <div class="container"> <nav class="navbar navbar-dark"> <span class="logo-desktop" title="B_I MEDIEN"> <svg> <use href="/assets/icons.svg#ic-logo-desktop" /> </svg> </span> <span class="logo-mobile"> <svg> <use href="/assets/icons.svg#ic-logo-mobile" /> </svg> </span> </nav> </div> </div> </div> <div class="dark-part-menu"> <div class="unten"> <svg class="sprite" style="animation: pk1 16s ease-in-out infinite;"><use href="/assets/icons.svg#ic-dot" /></svg> <svg class="sprite" style="animation: pk2 14s ease-in-out infinite;"><use href="/assets/icons.svg#ic-dot" /></svg> <svg class="sprite" style="animation: pk3 18s ease-in-out infinite;"><use href="/assets/icons.svg#ic-dot" /></svg> <svg class="sprite" style="animation: pk4 18s ease-in-out infinite;"><use href="/assets/icons.svg#ic-dot" /></svg> <svg class="sprite" style="animation: rd1 13s ease-in-out infinite;"><use href="/assets/icons.svg#ic-circle-d" /></svg> <svg class="sprite" style="animation: rd2 10s ease-in-out infinite;"><use href="/assets/icons.svg#ic-circle-d" /></svg> <svg class="sprite" style="animation: rd3 17s ease-in-out infinite;"><use href="/assets/icons.svg#ic-circle-d" /></svg> <svg class="sprite" style="animation: rd4 23s ease-in-out infinite;"><use href="/assets/icons.svg#ic-circle-d" /></svg> <svg class="sprite" style="animation: re1 19s ease-in-out infinite;"><use href="/assets/icons.svg#ic-circle-h" /></svg> <svg class="sprite" style="animation: re2 20s ease-in-out infinite;"><use href="/assets/icons.svg#ic-circle-h" /></svg> <svg class="sprite" style="animation: re3 16s ease-in-out infinite;"><use href="/assets/icons.svg#ic-circle-h" /></svg> <svg class="sprite" style="animation: re4 20s ease-in-out infinite;"><use href="/assets/icons.svg#ic-circle-h" /></svg> <svg class="sprite" style="animation: ch1 20s ease-in-out infinite;"><use href="/assets/icons.svg#ic-cross-d" /></svg> <svg class="sprite" style="animation: ch2 11s ease-in-out infinite;"><use href="/assets/icons.svg#ic-cross-d" /></svg> <svg class="sprite" style="animation: ch3 19s ease-in-out infinite;"><use href="/assets/icons.svg#ic-cross-d" /></svg> <svg class="sprite" style="animation: ch4 12s ease-in-out infinite;"><use href="/assets/icons.svg#ic-cross-d" /></svg> <svg class="sprite" style="animation: ci1 18s ease-in-out infinite;"><use href="/assets/icons.svg#ic-cross-h" /></svg> <svg class="sprite" style="animation: ci2 21s ease-in-out infinite;"><use href="/assets/icons.svg#ic-cross-h" /></svg> <svg class="sprite" style="animation: ci3 15s ease-in-out infinite;"><use href="/assets/icons.svg#ic-cross-h" /></svg> <svg class="sprite" style="animation: ci4 11s ease-in-out infinite;"><use href="/assets/icons.svg#ic-cross-h" /></svg> </div> <div class="oben"> <div class="container-fluid"> <div class="container no-background pb-5"> <div class="text-center"> <div class="login-middle"> <div class="h-register"> <h3>Hi! Nice to have you here!</h3> </div> <div class="login-card"> <h3>Create account</h3> <div class="err-space"> </div> <form method="post" action="/Account/Register?culture=en-US"> <div class="form-floating mb-4"> <input autocomplete="username" class="form-control" placeholder="#" type="text" data-val="true" data-val-regex="This isn't a valid e-mail address." data-val-regex-pattern="^[^\s@À-ž]+@([^\s@.,]+\.)+[^\s@.,À-ž]{2,}$" data-val-required="E-mail address is required." id="Input_Email" name="Input.Email" value="" /> <label for="Input_Email" class="ok-label"> E-mail* </label> <label for="Input_Email" class="error-label"><span class="field-validation-valid" data-valmsg-for="Input.Email" data-valmsg-replace="true"></span></label> </div> <div class="form-floating mb-4"> <input autocomplete="new-password" class="form-control" placeholder="#" id="password" oninput="checkPW()" type="password" data-val="true" data-val-length="The password must be at least 8 and at max 100 characters long." data-val-length-max="100" data-val-length-min="8" data-val-required="Password is required." maxlength="100" name="Input.Password" /> <svg class="p-auge" role="button" id="loginAuge"><use href="/assets/icons.svg#ic-eye" /></svg> <label for="Input_Password" class="ok-label"> Password* </label> <label for="Input_Passwort" class="error-label"><span class="field-validation-valid" data-valmsg-for="Input.Password" data-valmsg-replace="true"></span></label> </div> <div class="form-floating mb-4"> <input autocomplete="new-password" class="form-control" placeholder="#" id="password2" type="password" data-val="true" data-val-equalto="Password and repeat password do not match." data-val-equalto-other="*.Password" name="Input.ConfirmPassword" /> <svg class="p-auge" role="button" id="loginAuge2"><use href="/assets/icons.svg#ic-eye" /></svg> <label for="Input_ConfirmPassword" class="ok-label"> Repeat password* </label> <label for="Input_ConfirmPassword" class="error-label"><span class="field-validation-valid" data-valmsg-for="Input.ConfirmPassword" data-valmsg-replace="true"></span></label> </div> <div class="text-start"> <div class="pw-box"> <div> <strong>Your password must contain:</strong> </div> <table class="t-100"> <tbody> <tr> <td class="t-icon"><svg class="svg-16"><use id="pwlength" href="/assets/icons.svg#ic-close" /></svg></td> <td>Minimum 8 characters</td> </tr> <tr> <td class="t-icon"><svg class="svg-16"><use id="pwchar" href="/assets/icons.svg#ic-close" /></svg></td> <td>Minimum 1 letter</td> </tr> <tr id="nopw" class="nopw"> <td class="t-icon"><svg class="svg-16"><use href="/assets/icons.svg#ic-close" /></svg></td> <td>Your password is used very often.<br />Please, select another password.</td> </tr> </tbody> </table> </div> <div class="form-group with-message mb-3"> <div class="form-check"> <input class="form-check-input" type="checkbox" data-val="true" data-val-checkboxrequired="You need to accept the terms of service." data-val-required="The IsTermsOfServiceAccepted field is required." id="Input_IsTermsOfServiceAccepted" name="Input.IsTermsOfServiceAccepted" value="true" /> <label class="form-check-label" value="true" for="Input_IsTermsOfServiceAccepted">I agree with the <strong><a href="https://bi-medien.de/agb" target="_blank">terms and conditions</a></strong>.</label> </div> <div class="error-text"><span class="field-validation-valid" data-valmsg-for="Input.IsTermsOfServiceAccepted" data-valmsg-replace="true"></span></div> </div> <div class="form-group with-message mb-3"> <div class="form-check"> <input class="form-check-input" type="checkbox" data-val="true" data-val-checkboxrequired="You need to accept the privacy terms." data-val-required="The IsTermsOfPrivacyAccepted field is required." id="Input_IsTermsOfPrivacyAccepted" name="Input.IsTermsOfPrivacyAccepted" value="true" /> <label class="form-check-label" value="true" for="Input_IsTermsOfPrivacyAccepted">I agree with the <strong><a href="https://bi-medien.de/datenschutzerklaerung" target="_blank">privacy terms</a></strong>.</label> </div> <div class="error-text"><span class="field-validation-valid" data-valmsg-for="Input.IsTermsOfPrivacyAccepted" data-valmsg-replace="true"></span></div> </div> <div class="form-group mb-5"> <div class="form-check"> <input class="form-check-input" type="checkbox" data-val="true" data-val-required="The AboNews field is required." id="Input_AboNews" name="Input.AboNews" value="true" /> <label class="form-check-label" value="true" for="Input_AboNews">Get newsletter</label> </div> </div> </div> <button type="submit" name="send" class="btn btn-warning" onclick="hide('errors')" formaction="/Account/Register?productId=e89515e6-51e9-46d7-a399-768176b1ad7e">Send</button> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8FfFMSfsmBNEt-sayQH-UpIbmGoNwFZEoxp22Dn6I6Z24WLWv0uWKOfmvGuhvS1Zl3i_gFeNhrQlL7bFpgDieBGoxptpqTE7jBCqJAuIHtr7KP1bx77zLKal0E9QP3QLB_e7EngapmybLG-iGfgGlZw" /><input name="Input.IsTermsOfServiceAccepted" type="hidden" value="false" /><input name="Input.IsTermsOfPrivacyAccepted" type="hidden" value="false" /><input name="Input.AboNews" type="hidden" value="false" /></form> </div> <div class="my-4"> I already have an account. <b><a href="/Account/Login?culture=en-US&productId=e89515e6-51e9-46d7-a399-768176b1ad7e">Login</a></b> </div> </div> </div> </div> </div> </div> </div> <script src="/lib/jquery/dist/jquery.min.js"></script> <script src="/bootstrap.bundle.js"></script> <script src="/popper.min.js"></script> <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.17.0/jquery.validate.min.js" crossorigin="anonymous" integrity="sha384-rZfj/ogBloos6wzLGpPkkOr/gpkBNLZ6b6yLy4o+ok+t/SAKlL5mvXLr0OXNi1Hp"> </script> <script>(window.jQuery && window.jQuery.validator||document.write("\u003Cscript src=\u0022/Identity/lib/jquery-validation/dist/jquery.validate.min.js\u0022 crossorigin=\u0022anonymous\u0022 integrity=\u0022sha384-rZfj/ogBloos6wzLGpPkkOr/gpkBNLZ6b6yLy4o\u002Bok\u002Bt/SAKlL5mvXLr0OXNi1Hp\u0022\u003E\u003C/script\u003E"));</script> <script src="https://ajax.aspnetcdn.com/ajax/jquery.validation.unobtrusive/3.2.9/jquery.validate.unobtrusive.min.js" crossorigin="anonymous" integrity="sha384-ifv0TYDWxBHzvAk2Z0n8R434FL1Rlv/Av18DXE43N/1rvHyOG4izKst0f2iSLdds"> </script> <script>(window.jQuery && window.jQuery.validator && window.jQuery.validator.unobtrusive||document.write("\u003Cscript src=\u0022/Identity/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js\u0022 crossorigin=\u0022anonymous\u0022 integrity=\u0022sha384-ifv0TYDWxBHzvAk2Z0n8R434FL1Rlv/Av18DXE43N/1rvHyOG4izKst0f2iSLdds\u0022\u003E\u003C/script\u003E"));</script> <script type="text/jscript"> //Custom jQuery validation unobtrusive script and adapters jQuery.validator.unobtrusive.adapters.add("checkboxrequired", function (options) { if (options.element.tagName.toUpperCase() == "INPUT" && options.element.type.toUpperCase() == "CHECKBOX") { options.rules["required"] = true; if (options.message) { options.messages["required"] = options.message; } } }); </script> <script type="text/jscript"> var pwlist = [ '-entf盲llt-', '123456789a', '1234qwer', '123456zzz', '1q2w3e4r', '1q2w3e4r5t', '1qaz2wsx', 'a123456789', 'aa12345678', 'aaron431', 'abcd1234', 'alexander', 'albrecht', 'anhyeuem', 'asdf1234', 'asdfghjkl', 'ausschreibung1', 'babygirl', 'babygirl1', 'bangbang123', 'baseball', 'basketball', 'blink182', 'butterfly', 'chatbooks', 'chocolate', 'christian', 'computer', 'entf盲llt!', 'entf盲llt', 'evergabe', 'football', 'football1', 'fuckyou1', 'geheim', 'geheim!', 'hasenfuss', 'hello123', 'iloveyou', 'iloveyou1', 'jacket025', 'jakcgt333', 'jennifer', 'jobandtalent', 'jordan23', 'kennwort', 'kennwort1', 'leonardo', 'mercedes', 'michael1', 'michelle', 'million2', 'myspace1', 'ohmnamah23', 'passw0rd', 'password', 'password1', 'password123', 'passwort', 'passwort123', 'picture1', 'princess', 'princess1', 'q1w2e3r4', 'qqww1122', 'qwer1234', 'qwer123456', 'qwerty123', 'qwertyuiop', 'samantha', 'sample123', 'schneider', 'start123', 'start123!', 'strictly', 'starwars', 'sunshine', 'superman', 'test.1234', 'testen12', 'testen123', 'testen123!', 'target123', 'trustno1', 'whatever', 'x4ivyga51f', 'zag12wsx' ]; function isInList(pw) { return pwlist.indexOf(pw.toLowerCase()) >= 0; } </script> <script type="text/jscript"> var el = document.getElementById('loginAuge'); if (el != null) { el.addEventListener('mousedown', setOpenT); el.addEventListener('mouseup', setOpenF); el.addEventListener('mouseleave', setOpenF); el.addEventListener('touchstart', handleStart1); el.addEventListener('touchend', handleEnd1); el.addEventListener('touchcancel', handleEnd1); } var ongoingTouches1 = []; function handleStart1(evt) { evt.preventDefault(); const touches = evt.changedTouches; for (let i = 0; i < touches.length; i++) { ongoingTouches1.push(copyTouch(touches[i])); } setOpen(ongoingTouches1.length > 0); } function handleEnd1(evt) { evt.preventDefault(); const touches = evt.changedTouches; for (let i = 0; i < touches.length; i++) { let idx = touchIndexById(ongoingTouches1, touches[i].identifier); if (idx >= 0) { ongoingTouches1.splice(idx, 1); } } setOpen(ongoingTouches1.length > 0); } function copyTouch({ identifier, pageX, pageY }) { return { identifier, pageX, pageY }; } function touchIndexById(touches, idToFind) { for (let i = 0; i < touches.length; i++) { if (touches[i].identifier === idToFind) { return i; } } console.error('touch not found'); return -1; // not found } function setOpenT() { setOpen(true); } function setOpenF() { setOpen(false); } var pwIsOpen = false; function setOpen(o) { if (o !== pwIsOpen) { pwIsOpen = o; var el = document.getElementById('password'); if (el != null) { el.type = pwIsOpen ? 'text' : 'password'; } } } </script> <script type="text/jscript"> var el = document.getElementById('loginAuge2'); if (el != null) { el.addEventListener('mousedown', setOpenT2); el.addEventListener('mouseup', setOpenF2); el.addEventListener('mouseleave', setOpenF2); el.addEventListener('touchstart', handleStart2); el.addEventListener('touchend', handleEnd2); el.addEventListener('touchcancel', handleEnd2); } var ongoingTouches2 = []; function handleStart2(evt) { evt.preventDefault(); const touches = evt.changedTouches; for (let i = 0; i < touches.length; i++) { ongoingTouches2.push(copyTouch(touches[i])); } setOpen2(ongoingTouches2.length > 0); } function handleEnd2(evt) { evt.preventDefault(); const touches = evt.changedTouches; for (let i = 0; i < touches.length; i++) { let idx = touchIndexById(ongoingTouches2, touches[i].identifier); if (idx >= 0) { ongoingTouches2.splice(idx, 1); } } setOpen2(ongoingTouches2.length > 0); } function copyTouch({ identifier, pageX, pageY }) { return { identifier, pageX, pageY }; } function touchIndexById(touches, idToFind) { for (let i = 0; i < touches.length; i++) { if (touches[i].identifier === idToFind) { return i; } } console.error('touch not found'); return -1; // not found } function setOpenT2() { setOpen2(true); } function setOpenF2() { setOpen2(false); } var pwIsOpen2 = false; function setOpen2(o) { if (o !== pwIsOpen2) { pwIsOpen2 = o; var el = document.getElementById('password2'); if (el != null) { el.type = pwIsOpen2 ? 'text' : 'password'; } } } function checkPW() { var el = document.getElementById('password'); if (el != null) { var pw = el.value; var el8 = document.getElementById('pwlength'); if (el8 != null) { if (pw != null && pw.length >= 8) { el8.setAttribute('href', '/assets/icons.svg#ic-checkmark-ok'); } else { el8.setAttribute('href', '/assets/icons.svg#ic-close'); } } el8 = document.getElementById('pwchar'); if (el8 != null) { if (pw != null && pw.search(/[a-zA-Z]/) >= 0) { el8.setAttribute('href', '/assets/icons.svg#ic-checkmark-ok'); } else { el8.setAttribute('href', '/assets/icons.svg#ic-close'); } } el8 = document.getElementById('nopw'); if (el8 != null) { if (pw != null && pw.length >= 8 && pw.search(/[a-zA-Z]/) >= 0 && isInList(pw)) { el8.style.display = 'table-row'; } else { el8.style.display = 'none'; } } } } </script> <script type="text/jscript"> $(function() { $(document).on('submit', 'form', function() { var el = document.getElementsByName('send'); if (el != null) { el.forEach((e) => { e.disabled = true; }); } }); }); function hide(id) { var el2 = document.getElementById('errors'); console.log('######hide', id, el2); if (el2 != null) { el2.style.display = 'none'; } } </script> </body> </html>