Login con Gravatar, Bootstrap y jQuery

En este post vamos a crear un formulario de login utilizando Bootstrap y jQuery y que utilice Gravatar para mostrar el avatar del usuario. Utilizamos Bootstrap para definir el layout de la página. Dentro del formulario tenemos una imagen donde mostraremos el avatar y dos inputs.

Estructura: Tenemos que agregar el script de jQuery MD5 para poder obtener el avatar de Gravatar.

Estilos: Utilizamos CSS sólo para hacer cambios estéticos.

jQuery: El objetivo de este script es obtener lo que introducimos en el textbox de email y:

  • verificar que lo introducido es realmente un email
  • convertir el email a md5 (Gravatar almacena los avatares en md5)
  • modificar el source de la imagen por la de Gravatar

 

facebook Login con Gravatar, Bootstrap y jQuerytwitter Login con Gravatar, Bootstrap y jQuerygoogle Login con Gravatar, Bootstrap y jQuerydiggit Login con Gravatar, Bootstrap y jQuerypinterest Login con Gravatar, Bootstrap y jQuerylinkedin Login con Gravatar, Bootstrap y jQueryprint Login con Gravatar, Bootstrap y jQueryemail Login con Gravatar, Bootstrap y jQuerySi te gusto, comparte el articulo.

Artículos Relacionados

Agregar comentario


*

Recibe nuestro newsletter

Suscribete a nuestro newsletter y mantente informado con nuestros últimos artículos, noticias y más. Todo completamente gratis.