Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

vitortumas

Formulario de Login

Por , em Javascript

Recommended Posts

vitortumas    0

vitortumas
Postado

URGENTE

 

<!DOCTYPE html>
<html>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>:::Sport shop:::</title>
<style type="text/css">
<!--
body,td,th {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
}
a:link {
	color: #693;
}
a:visited {
	color: #693;
}
a:hover {
	color: #333;
}
a:active {
	color: #000;
}
h1 {
	font-size: 24px;
	color: #693;
}
h2 {
	font-size: 18px;
	color: #000;
}
h3 {
	font-size: 16px;
	color: #693;
}
.top {
	background-image: url(images/top.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 155px;
	width: 900px;
	clear: left;
}
.container {
	background-image: url(images/cont.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	height: auto;
	width: 900px;
}
.left {
	margin: 0px;
	clear: left;
	float: left;
	height: auto;
	width: 243px;
	padding-top: 0px;
	padding-right: 25px;
	padding-left: 50px;
}
.right {
	margin: 0px;
	clear: right;
	float: right;
	height: auto;
	width: 448px;
	padding-top: 0px;
	padding-right: 125px;
}
.center1 {
	text-align: center;
}
-->
</style>
<link href="styles.css" rel="stylesheet" type="text/css" />

<script>
function loginForm(){


	 validar user
		 if (document.login.user.value == "" || document.login.pass.value == ""){
				   alert("O campo USER e PASSWORD devem ser preenchidos!");
				   document.login.user.focus();
				   return false;
		 }

	
		 validar pass
		 if (document.login.pass.value == "admin1989"){
				  document.location.href = "admin.html";
				  return false;
		 }
	
	

	


</script>
</head>

<body text="#000000" link="#669933" vlink="#000000" alink="#669933"><table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
	<td width="900"><div class="logo"></div>
	<div class="top">
	<ul class="themenu">

			<li><a href="index.html">Home</a></li>

			<li><a href="novidades.html">Novidades</a></li>

			<li><a href="produtos.html">Produtos</a></li>

			<li><a href="desporto.html">Desporto</a></li>

			<li><a href="socio.html">Associa-te !</a></li>

		  </ul>
</div>
	<div class="container">
	  <div class="left">
		<p><img src="images/left-h.jpg" width="243" height="19" alt="left" /></p>
	<h5>Faca o seu login :</h5>
	<form name="login" action="index.html" method="post" onSubmit="return loginForm()">
		<font size="1" face="Verdana, Arial, Helvetica, sans-serif">Username :</font> <br>
		<input name="user" type="text" class="formbutton" id="user" size="15" maxlength="10"> <br>
		<font size="1" face="Verdana, Arial, Helvetica, sans-serif">Password :</font> <br>
		<input name="pass" type="password" class="formbutton" id="pass" size="15" maxlength="10"> <br>

		<input name="ok" type="submit" value="OK" onclik ="loginForm()"> 
	</form>




		<h1>Promocoes :</h1>
		<p>imagens e prudutos. </p>
		<p>imagem e produto. </p>
 	<h1>Sugestoes :</h1>
		<p>
	
	</p>	  
	</div>
	  <div class="right">
		<p><img src="images/right-h.jpg" width="448" height="19" alt="right" /></p>
		<h2>Quem somos ?</h2>
		<p>imagens. </p>
		<h2>Onde estamos :</h2>
		<p>imagens. </p></div>
	</div></td>
  </tr>
  <tr>
	<td><table width="900" border="0" cellspacing="0" cellpadding="0">
	  <tr>
		<td class="center1"><p> </p>
		  <p>© WebDesigners Vitor & Miguel All Rights Reserved.<br />
		 </p></td>
	  </tr>
	</table></td>
  </tr>
</table>

</body>
</html>

 

 

eu estou ficando passado com isto

 

 

 

eu quero que ele verifique se tem testo dentra da caixa de testo e de um alert se nao tiver e que se tiver o user i password igual a que esta ai que para para uma paginae se for diferente que de um alert tambem

 

 

 

 

 

user = admin

 

pass= admin1989

 

 

komo esta ai em cima

 

 

 

 

algem me ajuda se faz favor

 

 

obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado

Nos aqui ajudamos mas tb temos de perceber ao certo qual o problema e tb queremos a sua resposta para saber se foi ou nao resolvido

 

Pelo que entendi e assim:

 

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>:::Sport shop:::</title>
<style type="text/css">
<!--
body,td,th {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(images/background.jpg);
background-repeat: repeat-x;
}
a:link {
color: #693;
}
a:visited {
color: #693;
}
a:hover {
color: #333;
}
a:active {
color: #000;
}
h1 {
font-size: 24px;
color: #693;
}
h2 {
font-size: 18px;
color: #000;
}
h3 {
font-size: 16px;
color: #693;
}
.top {
background-image: url(images/top.jpg);
margin: 0px;
padding: 0px;
float: left;
height: 155px;
width: 900px;
clear: left;
}
.container {
background-image: url(images/cont.jpg);
background-repeat: repeat-y;
margin: 0px;
padding: 0px;
clear: left;
float: left;
height: auto;
width: 900px;
}
.left {
margin: 0px;
clear: left;
float: left;
height: auto;
width: 243px;
padding-top: 0px;
padding-right: 25px;
padding-left: 50px;
}
.right {
margin: 0px;
clear: right;
float: right;
height: auto;
width: 448px;
padding-top: 0px;
padding-right: 125px;
}
.center1 {
text-align: center;
}
-->
</style>
<link href="styles.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
function loginForm(){


//validar user
if ((document.login.user.value == "") || (document.login.pass.value == "")){
alert("O campo USER e PASSWORD devem ser preenchidos!");
document.login.user.focus();
return false;
}


//validar pass
if ((document.login.user.value == "admin") && (document.login.pass.value == "admin1989")){
return true;
}

else {alert("Utilizador ou Password Invalidos"); return false;}

}




</script>
<style type="text/css">
<!--
.style1 {font-size: 10px}
-->
</style>
</head>

<body text="#000000" link="#669933" vlink="#000000" alink="#669933"><table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="900"><div class="logo"></div>
<div class="top">
<ul class="themenu">

<li><a href="index.html">Home</a></li>

<li><a href="novidades.html">Novidades</a></li>

<li><a href="produtos.html">Produtos</a></li>

<li><a href="desporto.html">Desporto</a></li>

<li><a href="socio.html">Associa-te !</a></li>

</ul>
</div>
<div class="container">
<div class="left">
<p><img src="images/left-h.jpg" width="243" height="19" alt="left" /></p>
<h5>Faca o seu login :</h5>
<form name="login" action="index.html" method="post" onSubmit="return loginForm()">
<span class="style1"><font face="Verdana, Arial, Helvetica, sans-serif">Username :</font></span> <br>
<input name="user" type="text" class="formbutton" id="user" size="15" maxlength="10"> <br>
<span class="style1"><font face="Verdana, Arial, Helvetica, sans-serif">Password :</font></span> <br>
<input name="pass" type="password" class="formbutton" id="pass" size="15" maxlength="10"> <br>

<input name="ok" type="submit" value="OK">
</form>




<h1>Promocoes :</h1>
<p>imagens e prudutos. </p>
<p>imagem e produto. </p>
<h1>Sugestoes :</h1>
<p>

</p>
</div>
<div class="right">
<p><img src="images/right-h.jpg" width="448" height="19" alt="right" /></p>
<h2>Quem somos ?</h2>
<p>imagens. </p>
<h2>Onde estamos :</h2>
<p>imagens. </p></div>
</div></td>
</tr>
<tr>
<td><table width="900" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="center1"><p> </p>
<p>© WebDesigners Vitor & Miguel All Rights Reserved.<br />
</p></td>
</tr>
</table></td>
</tr>
</table>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mário Monteiro    179

Mário Monteiro
Postado

voce irá colcoar a senha e o login an pagina ?

 

se for isso melhor nao fazer assim e procurar usar ima linguagem dinamica

 

---------------------------------

 

e outra antes postar um topico pense no que precisa e crie um titulo que seja coerente pois ajuda com problema nao quer dizer nada e antes pelo que vi ainda havia um URGENTE que piora ainda mais seu titulo

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito