Enlace con confirmación en JavaScript

En muchas ocasiones en nuestras aplicaciones web, hay acciones que suponen una pérdida de datos, el final de una sesión... en estos casos, pulsar el enlace por error puede llegar a suponer un grave problema para el usuario despistado.

Una manera de evitar esto, es añadir al enlace una confirmación en JavaScript, de esta manera, el usuario además de pulsar el botón, deberá aceptar la ventana emergente para que se llebe a cabo la acción crítica.

La forma en la que realizaremos esto, consiste en cancelar la acción devolviendo el valor lógico falso en el evento onclick, esto supone muchas ventajas, ya que si el navegador no soporta JavaScript, el enlace funcionará igualmente aunque no va a pedir confirmación, y si soporta JavaScript el código funcionará con toda seguridad.

<a href="borrar.asp" onclick="if(!confirm('Se borrará el comentario publicado'))return false">Borrar comentario</a>

Sin duda hay muchas más maneras de conseguir el mismo efecto, pero esta es la más recomendable por motivos de compatibilidad, asimismo, podemos modificarla sin cambiar el metodo utilizado, creando una función que podremos llamar desde diferentes puntos de la aplicación.

<script language="javascript">
function confirmar ( mensaje ) {
return confirm( mensaje );
}
</script><a href="borrar.asp" onclick="return confirmar('Se borrará el comentario publicado')">Borrar comentario</a>

Esto produce exactamente el mismo efecto de cara al usuario pero nos permite llamar a la misma función sin tener que poner el mismo cídigo repetidamente.

Autor: Programacion Web
http://www.programacionweb.net/articulos/articulo/?num=304

Usuarios que han visto este tema también han visto...

- Un sólo cambio para modificar múltiples páginas con JavaScript
- Validar CIF
- Elementos de formulario select asociados con Javascript
- Clicks en 20 segundos en Javascript
- Precarga de imagenes en Javascript

- Versión imprimible de este documento
- Enviar por e-mail este documento