Ir para conteúdo
Fórum Script Brasil
  • 0

JavaScript executa alert, mas não altera input type="text"


Khayro El

Pergunta

Boa tarde, Pessoal

 

Estou criando um site em PHP com JavaScript para utilização de máscaras de campo, porém tive que alterar o Layout recentemente e então copiei as pastas, Ex.: Projeto1 e copiei para Projeto2.

Depois que fiz essa cópia e criei as novas páginas HTML o JavaScript apresenta a mensagem do Alert, mas não coloca mais a máscara e não apaga o conteúdo quando se digita letras.

 

Estou usando o Campo CNPJ, chamando a função mascCnpj()

 

Espero ter sido claro!

 

Código HTML:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<script language="JavaScript" src="JS/scriptsTeste.js"></script>
 
<link rel="icon" href="Imagens/logo.ico" type="image/x-icon">
<link rel="shortcut icon" href="Imagens/logo.ico" type="image/x-icon">
<title>Lojas Automotivas - Seja Bem Vindo!</title>
 
<link rel="stylesheet" type="text/css" href="CSS/styleLogin.css">
</head>
<body background="Imagens/fundo.jpg" onload="document.login.Login.focus(); noBack();">
 
<div id="logo">
<img src="Imagens/logo.ico" width="100" height="100"/>
</div>
 
<div id="btn">
<a href="#">Sobre</a>
<a href="#">Ajuda</a>
</div>
 
<h1>Lojas Automotivas</h1>
 
<h2>Entre em nosso site</h2>
 
<div id="corpoEntre">
<div id="entre">
<form action="../Controllers/loginC.php" method="post" name="login">
<label>Login:</label> <input type="text" name="Login" size="8" maxlength="15"/>
<label>Senha:</label> <input type="password" name="Senha" size="8" maxlength="8"/>
<input type="submit" name="bentrar" value="Entre"/>
<div id="esqSenha">
<a href="#">Esqueci minha senha</a>
</div>
</form>
</div>
</div>
 
<h3>Ou se cadastre grátis!</h3>
 
<div id="corpoCad">
<form method="post" action="../Controllers/validLojaC.php">
 <div id="nomeLoja">
<label>Nome Loja:</label>
<input type="text" name="NomeLoja" size="20" maxlength="20"/>
</div>
 <div id="cnpj">
<label> CNPJ:</label>
<input type="text" id="cnpj" name="CNPJ" size="20" maxlength="18" onkeypress="mascCnpj();" onfocus="mascCnpj2();"/>
 </div>
<div id="email">
<label>Email:</label>
<input type="text" name="Email" size="20" maxlength="40"/>
</div>
 <div id="cep">
<label>CEP:</label>
<input type="text" id="cep" name="CEP" size="20" maxlength="9" onkeypress="mascCep()" onfocus="mascCep2();"/>
</div>
<div id="btnCad">
<input type="submit" name="bcad" value="Cadastre-se"/>
</div>
</form>
</div>
 
<div id="rodape">
<center><b>Copyright &copy;</b></center>
</div>
 
</body>
</html>
 
Código JavaScript:
 
function mascCnpj(){
$cnpj = document.getElementById("cnpj");
                if(mascaraInteiro($cnpj)==false){
                event.returnValue = false;
alert('Só digite números!');
       $cnpj.value = "";
        }
return formataCampo($cnpj, '00.000.000/0000-00', event);
}
 
function mascCnpj2(){
$cnpj = document.getElementById("cnpj");
return formataCampo($cnpj, '00.000.000/0000-00', event);
}
 
function formataCampo(campo, Mascara, evento) { 
        var boleanoMascara; 
        
        var Digitato = evento.keyCode;
        exp = /\-|\.|\/|\(|\)| /g
        campoSoNumeros = campo.value.toString().replace( exp, "" ); 
   
        var posicaoCampo = 0;    
        var NovoValorCampo="";
        var TamanhoMascara = campoSoNumeros.length;; 
        
        if (Digitato != 8) { // backspace 
                for(i=0; i<= TamanhoMascara; i++) { 
                        boleanoMascara  = ((Mascara.charAt(i) == "-") || (Mascara.charAt(i) == ".")
                                                                || (Mascara.charAt(i) == "/")) 
                        boleanoMascara  = boleanoMascara || ((Mascara.charAt(i) == "(") 
                                                                || (Mascara.charAt(i) == ")") || (Mascara.charAt(i) == " ")) 
                        if (boleanoMascara) { 
                                NovoValorCampo += Mascara.charAt(i); 
                                  TamanhoMascara++;
                        }else { 
                                NovoValorCampo += campoSoNumeros.charAt(posicaoCampo); 
                                posicaoCampo++; 
                          }              
                  }      
                campo.value = NovoValorCampo;
                  return true; 
        }else { 
                return true; 
        }
}
 
function mascaraInteiro(){
        if (event.keyCode < 48 || event.keyCode > 57){
                event.returnValue = false;
                return false;
        }
        return true;
}
 
Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...