jQuery: creare un nome utente da un indirizzo e-mail

Molti siti web generano il nome utente a partire dall'indirizzo e-mail. Si tratta di una semplice manipolazione delle stringhe che è possibile riprodurre anche con jQuery. Vediamo come.

La seguente funzione accetta come parametro l'indirizzo e-mail fornito dall'utente:

function createUserName(value) {

	var at = value.indexOf('@');
	var username = value.substring(0, at);
	
	return username;

}

Usiamo il metodo indexOf() per ottenere la posizione del carattere chiocciola nella stringa e quindi estraiamo una sottostringa che parte dal primo carattere fino al carattere chiocciola escluso.

Esempio:

$(function() {

	$('#form').submit(function(event) {
	
	    var $form = $(this);
	    
	    $('p', $form).remove();
	
		var email = $('#email', $form).val();
		var username = createUserName(email);
		
		$('<p/>').text(username).appendTo($form);
	
		event.preventDefault();
	
	});	

});

Ovviamente si dovrebbe prima validare l'indirizzo e-mail e quindi creare il nome utente. Potete visionare l'esempio finale in questa pagina.