În cazul în care, într-un formular de înregistrare se doreşte extragerea username-ului din adresa de e-mail, pentru a simplifica introducerea datelor, se poate apela la funcţia SPLIT. Această funcţie generând un tablou de valori (username, domeniu), se va alege prima valoare ([0]), domeniul adresei de e-mail fiind evident valoarea [1].
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<form> <input type="email" name="email" id="email" /> <input type="text" id="username" disabled style="border:none;" /> </form> <script> var email = document.getElementById('email'); var username = document.getElementById('username'); email.onchange = function() { var mail_val = email.value; let id_email = mail_val.split('@')[0] username.value = id_email; } </script> |
Dacă se doreşte ca username-ul să fie afişat în timp real (pe măsură ce sunt introduse literele) se schimbă evenimentul ONCHANGE cu ONKEYUP. Username-ul va apărea abia după ce va fi introdusă litera din argumentul funcţiei SPLIT; pentru a preveni apariţia expresiei „undefined” până la introducerea simbolului „@”, se poate ajusta puţin codul acelei funcţii, după cum este redat mai jos.
|
1 2 3 4 5 6 7 8 9 |
email.onkeyup = function() { var mail_val = email.value; let id_email = mail_val.split('@')[0] if (id_email.length>0) { username.value = id_email; } } |
Dacă se doreşte afişarea username într-un alt element decât input-text (de exemplu, span), se modifică linia username.value = id_email; cu username.innerHTML = id_email;
