by Olgeddie Ferrer

Hola Chicos!!gusto en saludarles.

Actualmente en las aplicaciones para garantizar una parte de la seguridad de nuestra web se recomienda utilizar algún tipo de Captcha, como el siguiente y aquí te mostrare como:

  • Para comenzar creemos un proyecto web:1
  • Yo por ejemplo utilice esta plantilla para facilitar el demo, pero por supuesto si van a personalizar su web son totalmente libres:2
  • En este caso trabajaremos sobre la vista que esta en : Views/Account/Login.cshtml:3
  • La idea en este caso es que quien se logee coloque el captcha, comenzamos agregando la referencia CaptchaMvc en nuestro proyecto :4

Allí buscamos la referencia solicitada, y la instalamos a nuestro proyecto.

  • Ahora en nuestro controller en el action correspondiente al login(agregan el usign):   7
  • Ahora en mi vista, en mi caso luego del login ya que allí lo deseo colocar:   8
  • @Captcha(5), significa que es un captcha de letras y tendrá 5 caracteres, pueden colocarle mas o menos según lo requieran.
  • y ya con eso tenemos lo siguiente en la vista:

5

  • e incluso funciona la validación del mismo:

6

 

Con eso ya esta listo y tienen implementado la funcionalidad, espero haber ayudado!!

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Nube de etiquetas

A %d blogueros les gusta esto: