Sign up / Register
<style>
button
{
color: white; background: #05ca71; border: 2px solid rgba(var(--brz-global-color2),0); display: flex; align-items: center;
font-family: var(--brz-buttonfontfamily); font-weight: 700 !important; font-size: var(--brz-buttonmobilefontsize);
line-height: var(--brz-buttonmobilelineheight); padding: 11px 26px 11px 26px; border-radius: 2px;
}
button:hover { cursor:pointer; background: #05cab6 !important; }
input
{ padding: 10px 20px 10px 20px; border: 1px solid rgba(220, 222, 225, 0.6); min-height: 43px; color: rgba(115, 119, 127, 0.7); }
.form_row { display: flex; width: 100%; }
.form_col { flex-shrink: 0; flex-basis: 50%; margin: 10px; }
.form_col label { font-weight: bold; font-size: 1.1em; }
.form_col span { display:block; color: #666; font-size: 0.9em; margin-top: 5px; }
.small { display:block; color: #666; font-size: 0.9em; margin-top: 5px; }
@media only screen and (max-width: 800px)
{
.form_row { flex-direction: column; }
.box { margin: 0 0 1rem; }
}
</style>
<div class="form_row">
<div class="form_col">
<label>Email <sup>*</sup></label><br>
<input id="email" size="64" placeholder="Email" oninput="checkEmail(event);" onkeydown="checkSubmit(event);" type="email"><br>
<span id="email_remark">Valid characters: "a-z0-9@.", maximum length: 64</span>
<span id="email_result"></span>
</div>
<div class="form_col">
<label>Name</label><br>
<input id="user" size="64" placeholder="Name" oninput="checkUser(event);" onkeydown="checkSubmit(event);" type="text"><br>
<span id="user_remark">Valid characters: "a-zA-Z0-9.", maximum length: 32</span>
<span id="user_result"></span>
</div>
</div>
<br>
<center>
<button id="button" style="background:#05ca71;" class="brz brz-btn brz-btn-submit" onclick="register();">SEND</button>
<br><br><div id="your_link"></div>
<br><div id="ip_result"></div>
</center>
<script>
const url = window.location.href;
const lang=url.search('_de')!=-1?'de':'en';
function createPwd()
{
let result = '';
const characters = 'abcdefghijklmnopqrstuvwxyz0123456789';
const charactersLength = characters.length;
let counter = 0;
while (counter < 12) { result += characters.charAt(Math.floor(Math.random() * charactersLength)); counter += 1; }
return result;
}
var pwd=createPwd();
var emailValid=false;
var email='', user='';
function ValidateEmail(email)
{ if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,24})+$/.test(email)) return true; return false; }
function checkSubmit(e)
{ if (typeof e !== 'undefined' && e.keyCode === 13) { register(); return false; }; }
function checkUser(e)
{
var txt='';
user=jQuery('#user').val();
if (user=='') return;
const regex=/^[0-9a-zA-Z\.]{0,32}/;
var result = regex.test(user);
if (!result) txt='<font color="red">'+(lang=='en'?'Name not valid.':'Name ist nicht korrekt')+'</font>';
else txt='<font color="green">'+(lang=='en'?'Name is valid.':'Name ist korrekt')+'</font>';
jQuery('#user_result').html(txt);
}
function checkEmail(e)
{
var txt='';
email=jQuery('#email').val();
if (email=='') return;
lower=email.toLowerCase();
if (email!==lower) { email=lower; jQuery('#email').val(lower); }
emailValid=ValidateEmail(email);
if (emailValid) txt='<font color="green">'+(lang=='en'?'Email is valid.':'Email ist erlaubt.')+'</font>';
else
{
if (lower!='') txt='<font color="red">'+(lang=='en'?'Email is not valid.':'Email ist nicht korrekt.')+'</font>';
}
jQuery.ajax({url: "https://emdr.chat/emdr/email.php?email="+email+'&lang='+lang})
.done(function( data )
{
if (data==email) txt='<font color="red">'+(lang=='en'?'Email is already taken.':'Email ist bereits vergeben.')+'</font>';
else
{
if (data=='OK') txt='<font color="green">'+(lang=='en'?'Email is available.':'Email ist noch frei.')+'</font>';
else txt='<font color="red">'+data+'</font>';
}
jQuery('#email_result').html(txt);
});
}
function register()
{
jQuery.ajax({url: "https://emdr.chat/emdr/register.php?password="+pwd+"&email="+email+"&user="+user+"&lang="+lang})
.done(function( data )
{
if (data.search('Error:')==-1)
{
var link='https://emdr.chat/account/?email='+email+'&password='+pwd+"&lang="+lang;
if (lang=='en')
{
var your_link='<h5 style="margin-bottom:5px;">Your credentials</h5>';
your_link+='<h6 style="color:green; margin-top:5px;">Registration successful!</h6>';
your_link+='<table><tr><td><b>Email:</b></td><td>'+email+'</td></tr>';
your_link+='<tr><td><b>Name:</b></td><td>'+user+'</td></tr>';
your_link+='<tr><td><b>Password:</b></td><td>'+pwd+'</td></tr>';
your_link+='<tr><td><b>IP:</b></td><td>'+data+'</td></tr>';
your_link+='<tr><td><b>Account:</b></td><td><a href="'+link+'">'+link+'</a><span class="small">You can manage your sessions here, once you have confirmed your email.</span></td></tr>';
your_link+='</table>';
your_link+='<br>Please check your email to confirm your registration.';
}
else
{
var your_link='<h5 style="margin-bottom:5px;">Ihre Zugangsdaten</h5>';
your_link+='<h6 style="color:green; margin-top:5px;">Registrierung erfolgreich</h6>';
your_link+='<table><tr><td><b>Email:</b></td><td>'+email+'</td></tr>';
your_link+='<tr><td><b>Name:</b></td><td>'+user+'</td></tr>';
your_link+='<tr><td><b>Passwort:</b></td><td>'+pwd+'</td></tr>';
your_link+='<tr><td><b>IP:</b></td><td>'+data+'</td></tr>';
your_link+='<tr><td><b>Konto:</b></td><td><a href="'+link+'">'+link+'</a><span class="small">Hier können Sie Ihre Sitzungen verwalten, sobald Sie Ihre Email bestätigt haben.</span></td></tr>';
your_link+='</table>';
your_link+='<br>Bitte prüfen Sie Ihre Emails und bestätigen Sie Ihr Konto.';
}
jQuery('#your_link').html(your_link);
jQuery('.form_row, button').slideUp();
}
else
{
jQuery('#your_link').html('<font color="red">'+data+'</font>');
}
})
}
jQuery( document ).ready(function()
{
if (lang=='de')
{
jQuery('#email_remark').html('Erlaubte Zeichen: "a-z0-9@.", max. Länge: 64');
jQuery('#user_remark').html('Erlaubte Zeichen: "a-z0-9.", max. Länge: 34');
jQuery('#button').html('SENDEN');
}
checkEmail();
});
</script>