Ir para conteúdo

POWERED BY:

Arquivado

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

giuliano

Validação Javascript no Mozila

Recommended Posts

Olá tenho uma validação de form em javascript no IE funciona perfeitamente mais no mozila ela valida porem quando atualizamos pagina do mozila ela mantem os dados que foram digitados no form e envia o mesmo sem validar os dados que antes de atualizar foram validade perfeitamente.

 

 

segue o codigo:

 

<script language="JavaScript" type="text/javascript">

function verificar() {
// Valor dos campos
var nome = document.getElementById('nome').value;
var cpf = document.getElementById('cpf').value;
// Valor das DIVS
var campo_nome = document.getElementById('campo_nome').innerHTML.valueOf('campo_nome');
var campo_cpf = document.getElementById('campo_cpf').innerHTML.valueOf('campo_cpf');
// Caso os campos estejem em branco
if (nome == "" || cpf == "") {
alert('Preencha os campos corretamente');
return false;
// Caso não haja erros nas divs
} else if (campo_nome == "" && campo_cpf == ""){
return true;
// Caso haja erros
} else {
alert('Preencha os campos corretamente');
return false;
}
}

</script>

Se alguem poder me ajudar

Compartilhar este post


Link para o post
Compartilhar em outros sites

<script language="JavaScript" type="text/javascript">

function verificar() {

var nome = document.form1.nome.value;
var cpf = document.form1.cpf.value;

// Valor das DIVS
var campo_nome = document.getElementById('campo_nome').innerHTML.valueOf('campo_nome');
var campo_cpf = document.getElementById('campo_cpf').innerHTML.valueOf('campo_cpf');
// Caso os campos estejem em branco

if (nome == "" || cpf == "") {
alert('Preencha os campos corretamente');
return false;
// Caso não haja erros nas divs
} else if (campo_nome == "" && campo_cpf == ""){
return true;
// Caso haja erros
} else {
alert('Preencha os campos corretamente');
return false;
}
}

</script>

Cara mude esses campos que você esta pegando

document.getElementById('campo').value

por

document.nome_formulario.campo.value

 

e tipo no seu formulario

o seu botão enviar

não crie <input type="submit" value="enviar">

Faça

<input type="button" value="enviar" onClick="verificar();">

 

e no final da sua validação javascript caso de tudo certo coloque

document.nome_formulario.submit();

ele ira enviar na validação, e o botão só acessara a validação, acho que isso resolve seu problema do browser

Compartilhar este post


Link para o post
Compartilhar em outros sites

desse modo não deu certo pois o formulario mesmo quando os dados estão corretos ele não envia.

 

teria alguma forma de quando atualizar a pagina no mozilla os dados do form se apaga.

Compartilhar este post


Link para o post
Compartilhar em outros sites

cara ele envia sim, o tipe button e pra isso, pra não atualizar a pagina quando enviar

e document.nome_formulario.submit();

que eu coloquei, vai fazer exatamente o que o botão submit iria fazer

se so precisa delimitar um nome no form exemplo:

<form name="form1" action="pagina.php" method="post">

 

e o valor que você colocou no name do formulario, coloca na função submit

aiu ficaria

 

 

document.form1.submit();

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara eu fiz assim ve se está correto, eu posso ter errado em algo:

 

 

function verificar() {
// Valor dos campos

var nome = document.form1.nome.value;
var cpf = document.form1.cpf.value;
// Valor das DIVS
var campo_nome = document.getElementById('campo_nome').innerHTML.valueOf('campo_nome');
var campo_cpf = document.getElementById('campo_cpf').innerHTML.valueOf('campo_cpf');
// Caso os campos estejem em branco
if (nome == "" || cpf == "") {
alert('Preencha os campos corretamente');
return false;
// Caso não haja erros nas divs
} else if (campo_nome == "" && campo_cpf == ""){
return true;
// Caso haja erros
} else {
alert('Preencha os campos corretamente');
return false;
}
}
document.form1.submit();

no form ficou assim

 

<form action="cadastrar_admin_contato.php" method="post" name="form1">
.
.
.
<input type="button" name="Submit" value="Avançar" id="Submit" onclick="verificar()"/>

Compartilhar este post


Link para o post
Compartilhar em outros sites

testa ai e nos diz se funfou ?

 

 

Testei e não funfou

na verdade o problema maior é que quando atualizamos a pagina no mozilla o que foi digitado no form não se apaga ai é onde a validação não funfA E ENVIA O FORM

Compartilhar este post


Link para o post
Compartilhar em outros sites

kara tou com um codigo assim:

<input type="button" value="enviar" onClick="verificar();">
so q quando o usuario termina de preencher o campo ele tem q ir com o mause e clicar no botão de inviar.

e eu queria q so dando enter ele fosse assim como quando tem um type="submit",

valew

Compartilhar este post


Link para o post
Compartilhar em outros sites

crie esta função embaixo da função verificar

<script language="javascript">

function enter(){

      if (event.keyCode == 13){
              verificar();
      }

}

</script>

ai no seus inputs coloque isto

onkeydown="enter();"
Vai ficar algo como

<input type="text" name="nome" onkeyup="enter();">

Compartilhar este post


Link para o post
Compartilhar em outros sites

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.