[RESOLVIDO] Erro alert JavaScript

6 respostas
G

Pessoal estou montando um login aqui em HTML,java Script e PHP deu tudo certo mas ele não está fazendo tratamento de erros exemplo se um Textbox ficar vazio ele teria que retornar um Alert para o usuário mas não está ocorrendo, se alguem puder me ajudar !

<HTML>
	<HEAD>
	
	</HEAD>
		<BODY>
			<script>
			
			
			 function teste(){
			 
			 
				var login= document.getElementById("login").value;
				var senha = document.getElementById("senha").value;
				var cargo = document.getElementById("cbcargo").selectedIndex;
					
					
				if(login == ""){
				
				alert("LOGIN NÃO PREENCHIDO");	
				
				}	
				
				if(senha == ""){
				
				alert("SENHA NÃO PREENCHIDO");	
				
				}	
				
				
				if(cargo == ""){
				
				alert("CARGO NÃO PREENCHIDO");	
				
				}	
						
			//var msg = <?$acesso?>;
			//alert(msg);
			// }
			
			
			</script>
	
		</BODY>
		<form name ="script" action ="login.php" method ="POST" ><center>
		
		<table>
		
			
			<tr>

			<td>LOGIN :</td>
			<td><input id ="login" name ="log" type = "text"></td>
			</tr>
			
			
			<tr>
			<td>SENHA :</td>
			<td><input id ="senha" name ="sen" type ="password"></td>
			</tr>
			
		<tr>
			<td></td>
	    <td><select name="cbcargo" size="1" onChange="displaysub()">
		<option value="0"></option>
		<option value="1">Administrador</option>
		<option value="2">Funcionário</option></td>
		</select>
		</tr>
			<tr>
				<td></td>
				<td><input type ="submit" value ="Verificar" onClick = "teste();">
				<input type ="reset" value ="Limpar"></td>
			</tr>
			
			
		</table>
		
		</center></form>
</HTML>

o button deveria entrar no método teste() mas parece que não está passando e está indo direto para o PHP

6 Respostas

P

faltou fechar uma }.

e não form nane faltou colocar o id no seu select cbcargo. no form faça o seguinte,
<form name ="script" action ="login.php" method ="POST" onsubmit="teste(); return false;">

existe outras formas de validar form, na sua função teste vc pode passar o form. ai vc acessa os elementos assim:

form.login.value = "alguma coisa";
G

perdeu Não deu certo, ainda está indo direto para o PHP

vou tentar essa do FORM!

P

no seus if coloque tbm

return false; se não a função continua sendo processada

P
<HTML>  
        <HEAD>  
          
        </HEAD>  
            <BODY>  
                <script>  
                  
                  
                 function teste(){  
                   
                   
                    var login = document.getElementById("login").value;  
                    var senha = document.getElementById("senha").value;  
                    var cargo = document.getElementById("cbcargo").value;
					
					alert(cargo);
                          
                          
                    if(login == ""){  
                       alert("LOGIN NÃO PREENCHIDO");    
               		return false;
                      
                    }     
                      
                    if(senha == ""){  
                      
                       alert("SENHA NÃO PREENCHIDO");    
		       return false;
                      
                    }     
                      
                      
                    if(cargo == 0){  
                      alert("CARGO NÃO PREENCHIDO");    
                      return false;
                      
                    }
				}	
                              
                //var msg = <?$acesso?>;  
                //alert(msg);  
                // }  
                  
                  
                </script>  
          
            </BODY>  
            <form name ="script" action ="login.php" method ="POST" onsubmit="teste(); return false;"><center>  
              
            <table>  
              
                  
                <tr>  
      
                <td>LOGIN :</td>  
                <td><input id ="login" name ="log" type = "text"></td>  
                </tr>  
                  
                  
                <tr>  
                <td>SENHA :</td>  
                <td><input id ="senha" name ="sen" type ="password"></td>  
                </tr>  
                  
            <tr>  
                <td></td>  
            <td><select id="cbcargo" name="cbcargo" size="1" onChange="displaysub()">  
            <option value="0"></option>  
            <option value="1">Administrador</option>  
            <option value="2">Funcionário</option></td>  
            </select>  
            </tr>  
                <tr>  
                    <td></td>  
                    <td><input type ="submit" value ="Verificar">  
                    <input type ="reset" value ="Limpar"></td>  
                </tr>  
                  
                  
            </table>  
              
            </center></form>  
    </HTML>
G

É cara não está dando mesmo ele vai direto para o PHP

G

perdeu Deu certo os arquivos começaram a ser salvos em outra pasta e não percebi mas de qualquer modo obrigado =)

Criado 22 de janeiro de 2012
Ultima resposta 22 de jan. de 2012
Respostas 6
Participantes 2