Página inicial con el formulario de autentificación en ASP

  • Por
El código y la explicación de la página que tiene el formulario donde introducir el usuario y contraseña para el acceso restringido en ASP.
Vamos a realizar la página inicial, que tiene el formulario de autentificación en el que el visitante debería rellenar con su usuario y contraseña. Como es la página inicial, la llamaremos index.asp, que es el documento por defecto configurado en nuestro servidor.

Para realizar esta página, utilizaremos HTML básico, excepto en una comprobación que nos permitirá saber si se accede al formulario de nuevo por no haber introducido correctamente el usuario y contraseña, pues, en ese caso, habría que mostrar un cartelito informando que el usuario o la contraseña no son válidos.

Para pasar a la página inicial el mensaje de que el usuario/contraseña introducidos no son válidos utilizaremos una variable pasada a través de la URL. La llamaremos errorusuario, y si contiene la cadena "si" es que estamos recibiendo un error.

El código sería el siguiente:

<html>
<head>
    <title>Autentificación ASP</title>
    <link rel="STYLESHEET" type="text/css" href="estilo.css">
</head>
<body>
<h1>Autentificación ASP</h1>
<form action="control.asp" method="POST">
<table align="center" width="225" cellspacing="2" cellpadding="2" border="0">
<tr>
<%
if request.querystring("errorusuario")<>"si" then
%>
    <td colspan="2" align="center" bgcolor=#cccccc>Introduce tu clave de acceso</td>
<%
else
%>
    <td colspan="2" align="center" bgcolor=#ff0000><span style="color:ffffff"><b>Datos incorrectos</b></span></td>
<%
end if
%>
</tr>
<tr>
    <td align="right">USER:</td>
    <td><input type="Text" name="usuario" size="8" maxlength="50"></td>
</tr>
<tr>
    <td align="right">PASSWD:</td>
    <td><input type="password" name="contrasena" size="8" maxlength="50"></td>
</tr>
<tr>
    <td colspan="2" align="center"><input type="Submit" value="ENTRAR"></td>
</tr>
</table>
</form>
</body>
</html>


Referencia: Estamos recogiendo variables pasadas a través de la URL con la sentencia request.querystring(). Podemos aprender cómo hacerlo en detalle en el artículo http://www.desarrolloweb.com/articulos/252.php

El formulario tiene el atributo action dirigido hacia la página "control.asp", que es la que se encarga de recoger los datos y ver si son correctos. Será tratada en el próximo capítulo.