Criando um sistema com usuário e senha para acessar uma página
3 participantes
Página 1 de 1
Criando um sistema com usuário e senha para acessar uma página
Eae pessoal, ja quero deixar claro desde já que esse sistema é bem fácil de burlar, mas é legal para quem quer aprender algo de Javascript..
Basicamente o que ele faz é pedir para o usuário digitar um nome e senha e caso estejam corretos o usuário é redirecionado para a página desejada.. É possível implementar mais o sistema mas, fica por conta de vocês..
Código comentado:
Pode ser útil algum dia
Até mais!
Basicamente o que ele faz é pedir para o usuário digitar um nome e senha e caso estejam corretos o usuário é redirecionado para a página desejada.. É possível implementar mais o sistema mas, fica por conta de vocês..
- Código:
function login(){
var jUser = prompt ("Digite seu nome de usuário!");
var jPass = prompt ("Digite sua senha!");
if ( jUser == "name" && jPass == "pass" ) {
alert ("Logado com sucesso!");
window.location="LINK DA SUA PÁGINA";
}else {
alert("Nome de usuário ou senha incorretos!");
}
}setInterval( login, 1 );
Código comentado:
- Código:
//iniciamos a função login
function login(){
//definimos uma váriavel para iniciar um prompt para o nome de usuário
var jUser = prompt ("Digite seu nome de usuário!");
//definimos uma váriavel para iniciar um prompt para a senha
var jPass = prompt ("Digite sua senha!");
//iniciamos uma checagem com if e else, onde dentro do if definimos a senha e o nome de usuário
if ( jUser == "name" || jPass == "pass" ) {
//caso ele digite o nome de usuário e senha corretamente ele é redirecionado a página desejada
alert ("Logado com sucesso!");
window.location="LINK DA SUA PÁGINA";
}
//caso ele erre a senha ele recebe o alerta que está incorreto..
else {
alert("Nome de usuário ou senha incorretos!");
}
}
//usei o setInterval ao invés do window.load para que caso ele erre a senha, dentro de um milissegundo o prompt reapareça para o usuário
//mas caso não queira, você pode usar o seguinte:
//window.onload = login;
setInterval( login, 1 );
Pode ser útil algum dia
Até mais!
Última edição por Wagner em Qua 02 Abr 2014, 2:50 pm, editado 1 vez(es)
Re: Criando um sistema com usuário e senha para acessar uma página
Olhei meio por cima, mais aqui não teria que ser assim
até mais.
- Código:
( jUser == "name" && jPass == "pass" )
até mais.
joelson0007- Moderadores
- Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR
Re: Criando um sistema com usuário e senha para acessar uma página
Putz, verdade, confundi os sinais!! Corrigido
Re: Criando um sistema com usuário e senha para acessar uma página
Gostei sim, mas existe uma forma de se evitar a função setInterval() concorda?
Vamos pensar,
JS
Vamos pensar,
JS
Re: Criando um sistema com usuário e senha para acessar uma página
Eu estava usando isso porque ao usuário errar os dados, ele não fazia a função novamente, mas dei uma pensada aqui e encontrei a seguinte solução
Basta executar a função novamente no else{}, era isso que tinha em mente?
- Código:
function login(){
var jUser = prompt ("Digite seu nome de usuário!");
var jPass = prompt ("Digite sua senha!");
if ( jUser == "name" && jPass == "pass" ) {
alert ("Logado com sucesso!");
window.location="LINK DA SUA PÁGINA";
}else {
alert("Nome de usuário ou senha incorretos!");
login();
}
}window.onload = login;
Basta executar a função novamente no else{}, era isso que tinha em mente?
Tópicos semelhantes
» Criando um efeito de página com sombra com CSS3
» Criando uma proteção para E-mails
» Script para redirecionar página
» Criando uma proteção para E-mails
» Script para redirecionar página
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|