RESOLVIDO - Autenticação comparando array

[Diego RLS 0]

Olá, estou com uma certa dificuldade e precisava de uma ajuda (coisa simples, eu acho)...

 

É o seguinte tenho uma página HTML e preciso que quando a pessoa for acessar a página apareça um prompt pedindo o ID e depois um outro prompt pedindo a matricula, e então o JavaScript iria comparar se o ID e a Matricula estão presentes no array, caso sim aparece um alert dando "Boas Vindas" e então o HTML é carregado, caso contrário aparece um alert informando que os dados estão incorretos e volta para o prompt pedindo o ID.

Quando eu acesso o HTML os prompts pedindo ID e matricula aparecem normal, mas independentemente das informações que eu insiro (seja dados corretos ou incorretos) não aparece nenhum dos alerts e a página HTML não carrega, pelo o que entendi a parte de verificação não está funcionando.

 

Só para deixar avisado eu sei que este tipo de autenticação por JavaScript não é segura, mas a implementação é apenas didática nada de importante... segue o código.

 

//INFORMAÇÕES SOBRE OS USUÁRIOS CADASTRADOS
// Exemplo : [usuario 0] > ID: abc, Matricula: 123

usuario = new Array();
usuario[0] = ["abc","123"];
usuario[1] = ["xyz","456"];  

do{
  //Informações enviadas pelo Usuario
  id_fornecido = prompt("Informe seu ID:");
  matricula_fornecida = prompt("Informe sua matrícula:");
  
  //A princípio, verificar se o ID existe
  for (id = 0; (id = usuario.length-1); id++) {
    if (usuario === id_fornecido[id][0]) {
      login_valido = true;
      break;
    }
  }
}
  		 
// Até que se provar o contrário, o login e inválido
while((login_valido = false));

if(login_valido === true){
	//Validar mátricula do Usuario
	if(usuario === matricula_fornecida[id][1])
		alert("Bem vindo ",id);
	}else{
      	alert("Dados Invalidos");
  		 }

 

[wanderval 19]

E ai Diego,

 

Fiz algumas correções no seu código, basicamente foi alguns operadores errados, e referencia de posição de array, da uma olhada se era isso que esperava:

 

https://jsbin.com/qekisujudu/edit?js,output

[Diego RLS 0]

21 horas atrás, wanderval disse:

E ai Diego,

 

Fiz algumas correções no seu código, basicamente foi alguns operadores errados, e referencia de posição de array, da uma olhada se era isso que esperava:

 

https://jsbin.com/qekisujudu/edit?js,output

 

Bom dia Wanderval, obrigado pela ajuda cara,

 

Realmente essa é a ideia, só teve um pequeno problema, quando digita o ID correto (abc) e a matricula errada, ele aceita normalmente mesmo tendo no fim do ELSE a variavel login_valido = false, parece que este ELSe está sendo ignorado.

 

Tentei colocar um IF dentro do outro mas não funcionou.

 

//INFORMAÇÕES SOBRE OS USUÁRIOS CADASTRADOS
//Exemplo : [usuario 0] > ID: abc, Matricula: 123

var currentId;
var login_valido = false;
var matricula_fornecida = '';
var usuario = [];

usuario[0] = ["abc","123"];
usuario[1] = ["xyz","456"];

do{
  //Informações enviadas pelo Usuario
  id_fornecido = prompt("Informe seu ID:");
  matricula_fornecida = prompt("Informe sua matrícula:");
  
  //Verificação
  for (var id = 0; id < usuario.length; id++) {
    if (usuario[id][0] === id_fornecido) {
    currentId = id;	
    	if(usuario[currentId][1] === matricula_fornecida){
  		alert("Bem vindo, " + usuario[currentId][0]);
		login_valido = true;
    }else{
    	alert("Dados Invalidos");   
		login_valido = false;
    break;
    }
  }
} 
// Até que se provar o contrário, o login e inválido
while(login_valido === false);

 

[wanderval 19]

Bom aparentemente o JSBin não executa o loop como esperado, talvez seja uma especie de segurança mas testei o mesmo código no codepen e o jsfiddle e executou aparentemente como esperado.

 

Seu código estava com erro de fechamento de chaves, melhor começar a usar um editor de código como vscode + Inspect Element, isso vai te ajudar em implementações futuras.

 

link: https://jsfiddle.net/a3qg7wce/

 

[Diego RLS 0]

19 horas atrás, wanderval disse:

Bom aparentemente o JSBin não executa o loop como esperado, talvez seja uma especie de segurança mas testei o mesmo código no codepen e o jsfiddle e executou aparentemente como esperado.

 

Seu código estava com erro de fechamento de chaves, melhor começar a usar um editor de código como vscode + Inspect Element, isso vai te ajudar em implementações futuras.

 

link: https://jsfiddle.net/a3qg7wce/

 

 

Agora deu certo, funcionando exatamente com queria, fiz mais uma mudança para alertar dados invalidos sempre que qualquer um dos dados estiverem errados, antes só aparecia em uma condição (ID correto e Matricula errada).

 

Sobre o editor de código eu uso sim, é que na pressa fui inventar de alterar usando editor de texto do Linux.

 

Mais uma vez muito obrigado pela ajuda Wanderval.