Ir para conteúdo

POWERED BY:

Arquivado

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

horacio2009

problema com validador de formulário

Por , em Javascript

Recommended Posts

horacio2009    1

horacio2009
Postado

pessoal, boa tarde a todos...eu tenho o seguinte validador

<script type="text/javascript">


function Valida_1passo()
{
if(document.compra.razao.value=="")
    {
     alert( "Preencha campo razao corretamente!" )
     document.compra.razao.focus();
     return false;
    }

if(document.compra.cnpj.value=="")
    {
     alert( "Preencha campo cnpj corretamente!" )
     document.compra.cnpj.focus();
     return false;
    }

if(document.compra.abempr.value=="")
    {
     alert( "Preencha campo abempr corretamente!" )
     document.compra.abempr.focus();
     return false;
    }


if(document.compra.abempr.value=="")
    {
     alert( "Preencha campo abempr corretamente!" )
     document.compra.abempr.focus();
     return false;
    }


if(document.compra.representante.value=="")
    {
     alert( "Preencha campo representante corretamente!" )
     document.compra.abempr.focus();
     return false;
    }



}

</script>

 

no internet explorer mais recente, ele funciona. firefox, idem...o problema são nas versões antigas do ie...ele não abre o pop-up...pq???como faço para ele exibir o pop-up...noie 8 mesmo, ele não funciona...enfim o que tá errado?

a função, eu estou chamando assim: 

<input type="submit" name="button2" id="button2" value="envia" onclick="Valida_1passo()" />

 

Aguardo sugestões, galera!!!

Grande abraço a todos!!!

Horácio

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

dispare no evento onsubmit do form, e não no click do button.

 

além disso, onde está o trecho de script onde você abre o popup ?

veja se o navegador não está bloqueando(anti popup)

Compartilhar este post

Link para o post
Compartilhar em outros sites

horacio2009    1

horacio2009
Postado

ok, agora, lancei no submit

<form id="form1" name="compra" method="post" action="juri.php"  onsubmit="Valida_1passo()" >

porém, ainda não abre o pop-up.estou usando o ietester para esses testes e no ie9 eel funciona corretamente, no 7 e 8 já não funciona...

obs: tbm não tem bloqueador de pop-up....

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

e onde está o script em que você abre o popup ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

horacio2009    1

horacio2009
Postado

vou postar o trecho onde lancei o js ,ok?

 

 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<!--<link href="../estiloNovo.css" rel="stylesheet" type="text/css">-->









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


function Valida_1passo()
{
if(document.compra.razao.value=="")
    {
     alert( "Preencha campo razao corretamente!" )
     document.compra.razao.focus();
     return false;
    }

if(document.compra.cnpj.value=="")
    {
     alert( "Preencha campo cnpj corretamente!" )
     document.compra.cnpj.focus();
     return false;
    }

if(document.compra.abempr.value=="")
    {
     alert( "Preencha campo abempr corretamente!" )
     document.compra.abempr.focus();
     return false;
    }


if(document.compra.abempr.value=="")
    {
     alert( "Preencha campo abempr corretamente!" )
     document.compra.abempr.focus();
     return false;
    }


if(document.compra.representante.value=="")
    {
     alert( "Preencha campo representante corretamente!" )
     document.compra.abempr.focus();
     return false;
    }



}

</script>
















</head>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

não tem nenhum popup ai.

 

como é o formulário ? ele tem target ?

o bloqueador de popup, é nativo dos IEs, mesmo q você não tenha pedido, ele está lá.

Compartilhar este post

Link para o post
Compartilhar em outros sites

horacio2009    1

horacio2009
Postado

devo ter me explicado mal então...realmente usei o termo pop-up, mas na verdade, tem que apatrecer um alert, que consta no código, de acordo com a digitação ou não do campo...

não sei se ajuda, mas prefiro então, postar o código todo...ah...olhando melhor o que eu fiz,ele não está apagando, e sim, disparando o submit, e voltando para a página...

 

bom, segue o codigo

<?php $pagina=$_GET['pagina'];?>
<!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" />
<title>Untitled Document</title>
<!--<link href="../estiloNovo.css" rel="stylesheet" type="text/css">-->








</head>
<body >






<script type="text/javascript" >


function Valida_1passo()
{
if(document.compra.razao.value=="" || document.compra.razao.value >"6")
    {
     alert( "Preencha campo razao corretamente!" )
     document.compra.razao.focus();
     return false;
    }

}

</script>







<div id="form1" <?php if($pagina=="2") echo"style=\"display:none\"";?> >
<form id="form1" name="compra" method="post" action="juri.php"  onsubmit="Valida_1passo()" >
<input type="hidden" name="pagina" value="2">
         <table width="73%" border="0" cellspacing="0" cellpadding="0">
           <tr>
             <td width="25%">tipo de pessoa:</td>
             <td width="75%"> </td>
           </tr>
           <tr>
             <td>razao social:</td>
             <td><label for="razao"></label>
             <input type="text" name="razao" id="razao" /></td>
           </tr>
           <tr>
             <td>cnpj</td>
             <td><input type="text" name="cnpj" id="cnpj" /></td>
           </tr>



            <tr>
             <td>data de abertura</td>
             <td><input type="text" name="abempr" id="abempr" /></td>
           </tr>


           <tr>
             <td>representante legal</td>
             <td><input type="text" name="representante" id="representante" /></td>
           </tr>
           <tr>
             <td>cpf</td>
             <td><input type="text" name="razao4" id="razao4" /></td>
           </tr>
           <tr>
             <td>telefone</td>
             <td>ddd
               <input name="dddemp" type="text" id="dddemp" size="3" maxlength="2" />
telefone
<input name="telempresa" type="text" id="telempresa" size="10" maxlength="8" /></td>
           </tr>
           <tr>
             <td>celular</td>
             <td>ddd
               <input name="dddempcel" type="text" id="dddempcel" size="3" maxlength="2" />
celular
<input name="celEmp" type="text" id="celEmp" size="10" maxlength="8" /></td>
           </tr>
           <tr>
             <td>cep</td>
             <td><input type="text" name="cepEmpresa" id="cepEmpresa" /></td>
           </tr>
           <tr>
             <td>endereço</td>
             <td>end
               <input type="text" name="endempresa" id="endempresa" />
numer
<input name="numemp" type="text" id="numemp" size="6" maxlength="4" /></td>
           </tr>
           <tr>
             <td>cidade</td>
             <td><input type="text" name="cidadeemp" id="cidadeemp" /></td>
           </tr>
           <tr>
             <td>estado</td>
             <td><input type="text" name="estadoemp" id="estadoemp" /></td>
           </tr>
           <tr>
             <td>bairro</td>
             <td><input type="text" name="bairroemp" id="bairroemp" /></td>
           </tr>

           <tr>
             <td>email</td>
             <td><input type="text" name="emailemp" id="emailemp" /></td>
           </tr>



           <tr>
             <td>termos</td>
             <td><input type="text" name="razao14" id="razao14" /></td>
           </tr>
           <tr>
             <td> </td>
             <td>
             <input type="submit" name="button2" id="button2" value="envia" /></td>
           </tr>
         </table>
</form>
</div>














<div id="form2" <?php if($pagina!="2") echo"style=\"display:none\"";?> >
<form id="form2" name="form2" method="post" action="">
       <table width="73%" border="0" cellspacing="0" cellpadding="0">
           <tr>
             <td width="25%">remuneracao</td>
             <td width="75%"> </td>
           </tr>
           <tr>
             <td>banco</td>
             <td> </td>
           </tr>
           <tr>
             <td>conta</td>
             <td> </td>
           </tr>
           <tr>
             <td>agencia</td>
             <td> </td>
           </tr>
           <tr>
             <td>data de abertura</td>
             <td> </td>
           </tr>
           <tr>
             <td> </td>
             <td><input type="submit" name="button" id="button" value="conclui"  /></td>
           </tr>
         </table>
</form>
</div>



</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

devo ter me explicado mal então...realmente usei o termo pop-up, mas na verdade, tem que apatrecer um alert,

ahhh sim!! isso muda tudo.

tente evitar usar termos erroneamente.

 

 

troque:

if(document.compra.razao.value=="")
{
     alert( "Preencha campo razao corretamente!" )
     document.compra.razao.focus();
     return false;
}

e todas as ocorrencias parecidas, pela forma standard:

if(document.getElementById('razao').value=="")
{
     alert( "Preencha campo razao corretamente!" )
     document.getElementById('razao').focus();
     return false;
}

além disso, preste atenção se aparece no canto inferior do IE, um sinal de exclamação em amarelo(ali é o console de erros js do ie)

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

coloca assim:

onsubmit="return Valida_1passo();">

 

apareceu algo no console ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

horacio2009    1

horacio2009
Postado

não apareceu nada não...fiquei caçando a exclamação e não encontrei nada...tbm não vi mensagem de erro...tem atalho para esse console?( no ie)

desculpe não falar do resto, aparentemente o return valida passo funcionou!!!!!

Só fica a questão do alert que ainda não aparece, mas agora a pagina está condicionada ao preenchimento dos dados!!!

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