Ir para conteúdo

POWERED BY:

Arquivado

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

Khayro

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

Por , em Javascript

Recommended Posts

Khayro    0

Khayro
Postado

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 ©</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;
}

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