Ir para conteúdo

Arquivado

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

andregadelhaa

innerHTML.

Por , em Javascript

Recommended Posts

andregadelhaa    0

andregadelhaa
Postado

Galera ele num esta exibindo a mensagem, onde esta o erro.

<!Doctype>

<html>

<head>

<meta charset="utf-8">

<title>

</title>

<script type="text/javascript" lang="javascript" src="jquery/jquery.js"></script>

 

<script type="text/javascript">

 

function inserirponto(point){

 

if(point.value.length == 3){

point.value += ".";

return true;

}

if (point.value.length == 7){

 

point.value += ".";

return true;

}

if (point.value.length == 11){

point.value += "-";

return true;}}

 

<!--Funcao de inserir ponto no cpf encerrar aqui-->

 

function aviso(){

 

if(document.form1.cpf.value == ""){

document.getElementById("local").innerHTML = "Campo de preenchimento Obrigatório";

}else

{("enviar").submit;}

}

</script>

</head>

<body>

Preencha seus dados:

<form name="form1" method="POST" action="">

 

 

CPF<input name="cpf" type="text" placeholder="" onkeyup="inserirponto(this);" onclick="aviso()" maxlength="14"><div id="local"></div><br />

<input type="submit" name="enviar" value="Enviar" id="enviar"> </th>

 

</form>

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ronaldo Marcos    11

Ronaldo Marcos
Postado

Aqui funcionou seu código do jeito que está, qualquer coisa tenta assim:

onclick="javascript: aviso();

 

Mas observe o seguinte, esse código não está muito certo, primeiro você poderia em vez de onclick usar onblur, que executa a função quando o campo perde o foco, isto é, quando ele tentar sair do campo de cpf vai testar, nesse caso voce poderia dar um focus() pra ele voltar e corrigir o campo...

 

Ainda assim o normal seria você validar ele na hora de clicar no botão enviar, isto é, quando ele clicar enviar ai ele avaliaria os campos obrigatório se estão preenchidos ou não e só aí ele dava um submit() no formularia, caso contrário ele daria um focus() no primeiro campo inválido e daria a mensagem... do jeito que está ele envia o form estando o campo preenchido ou não...



Uma ideia de como eu faria:

 

<!Doctype>
<html>
<head>
<meta charset="utf-8">
<title>
</title>
<script type="text/javascript" lang="javascript" src="jquery/jquery.js"></script>

<script type="text/javascript">

function inserirponto(point){

if(point.value.length == 3){
point.value += ".";
return true;
}
if (point.value.length == 7){

point.value += ".";
return true;
}
if (point.value.length == 11){
point.value += "-";
return true;}}

<!--Funcao de inserir ponto no cpf encerrar aqui-->

function valida(){

if(document.form1.cpf.value == ""){
document.getElementById("ocpf").style.backgroundColor = "#ffffcc";
document.getElementById("ocpf").color = "#000000";
document.getElementById("local").innerHTML = "Campo de preenchimento Obrigatório";
}else
document.form1.submit();
}
</script>
</head>
<body>
Preencha seus dados:
<form name="form1" method="POST" action="">


CPF<input name="cpf" id="ocpf" type="text" placeholder="" onkeyup="inserirponto(this);" maxlength="14"><div id="local"></div><br />
<input type="button" name="enviar" value="Enviar" onclick="javascript: valida();" id="enviar"> </th>

</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Tem vários erros.

 

Leia:

http://wbruno.com.br/javascript-puro/como-debugar-javascript-firefox-erros-comuns/

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