Ir para conteúdo

POWERED BY:

Arquivado

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

Walter Aragão

[Resolvido] alert de confiramção

Recommended Posts

Pessoal,

bom dia .. Tenho uma dúvida que parece ser simples porém não estou conseguindo aplicar na minha necessidade , vamos la..

tenho o formulário abaixo , e quero aplicar um alert de confirmação quando o cara selecionar a checklist e clicar no submit.

ex : clicou na checklist no qual o nome é LANÇAR FALTA e clicou no submit aparecer Você deseja realmente lançar falta nesse funcionário ? se SIM vai para a página enviaCadastro.php senão fica na página.

 

formulário

 


<form name="form1" action="teste.php" method="post" class="auto-style1" >
<table width="775" border="0" class="auto-style1">
 <tr>
   <td colspan="7" class="auto-style3"> <strong>Cadastro de Remuneração Variável</strong></td>
 </tr>
 <tr>
   <td width="142">Matricula : </td>
   <td width="1"> </td>
   <td width="160">
     <input type="text" name="matricula" id="matricula" size="7"/>    </td>
   <td width="1"> </td>
   <td>Funcionário :  </td>
   <td> </td>
   <td width="240"><input name="funcionario" type="text" id="funcionario" size="40" /></td>
 </tr>
 <tr>
 <td width="142">Data :</td>
   <td width="1"> </td>
   <td width="160"><input name="data" type="text" id="data" size="8" onkeypress="mascara(this, formatarData)" /></td>
   <td width="1"> </td>
   <td width="200"> </td>
   <td width="1"></td>
   <td> </td>
 </tr>
 <tr>
   <td colspan="7"><hr /></td>
 </tr>
 <tr>
   <td>PLT Inteira</td>
   <td> </td>
   <td><input type="text" name="pltint" id="pltint" /></td>
   <td> </td>
   <td><?php echo utf8_decode("PLT Descartável :"); ?> 
       </td>
   <td> </td>
   <td><input type="text" name="pltdesc" id="pltdesc" /></td>
 </tr>
 <tr>
   <td>Check List : </td>
   <td> </td>
   <td><input name="cl" type="text" id="cl" size="10" /></td>
   <td> </td>
   <td> </td>
   <td> </td>
   <td> </td>
 </tr>
 <tr>
   <td>Erros PLT Inteira : </td>
   <td> </td>
   <td><input name="errosint" type="text" id="errosint" size="10" /></td>
   <td> </td>
   <td><?php echo utf8_decode("Erros PLT Descartável :"); ?>  </td>
   <td> </td>
   <td><input name="errosdesc" type="text" id="errosdesc" size="8" /></td>
 </tr>
   <tr>
   <td colspan="7"><input type="checkbox" name="falta"  /><strong> Lançar Falta </strong></td>
   </tr>
 <tr></tr>
   <tr>
   <td colspan="7"><hr /></td>
   </tr>
 <tr>
   <td colspan="3"><input type="submit" name="submit" id="submit" value="Cadastrar" />
     <input type="reset" name="limpar" id="limpar" value="Limpar Formulário" />
     <a href="index.php"><input type="button" name="voltar" id="voltar" value="Voltar"/></a></td>
   <td> </td>
   <td colspan="3"> </td>
 </tr>
</table>
<input type="hidden" name="master" value="<?php echo $Nome ?>" />
</form>

Compartilhar este post


Link para o post
Compartilhar em outros sites

então oque você deve usar na verdade, é um confirm().

 

exemplo:

http://wbruno.com.br/blog/2011/06/02/javascript-nao-obstrutivo-usando-funcao-window-confirm/

Compartilhar este post


Link para o post
Compartilhar em outros sites

até pode, qualquer evento de um elemento pode ter mais de uma função atrelada.

 

 

onsubmit="funcao1() && funcao2();"

desde que você faça corretamente.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Amigo , eu vi seu exemplo porém tem uma parte a mais no minha dúvida .. só é para vim a confirmação caso o "cadastrante" opite em marcar a checkbox lançando falta ..

E no seu exemplo toda vez que for enviado o form mesmo sem o checkbox marcado perguntaria .. pode me ajudar ??

Compartilhar este post


Link para o post
Compartilhar em outros sites

para verificar se(isso deve te remeter a estrutura de controle de fluxo IF )

 

o checkbox está marcado, você pode acessar o atributo .checked, dele. Se for verdadeiro está marcado, se for falso, está desmarcado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

para verificar se(isso deve te remeter a estrutura de controle de fluxo IF )

 

o checkbox está marcado, você pode acessar o atributo .checked, dele. Se for verdadeiro está marcado, se for falso, está desmarcado.

 

bem eu fiz o seguinte de acordo com o seu exemplo , porem não funcionou ..

 


<html>  
<head>  
<script type="text/javascript">  


function id( el ){  
   return document.getElementById( el );  
} 
if(falta.checked == true){ 
window.onload = function(){  
   id('form').onsubmit = function(){  
       return confirm( 'Tem certeza que deseja enviar o formulário ?' );  
   }  
}  

}
</script>  
</head>  
<body>  
   <form action="" method="post" id="form">  
       Email: <input type="text" name="email" />  
       falta <input type="checkbox" name="falta" >
       <input type="submit" name="ok" value="ok" />  
   </form>  
</body>  
</html>  

Compartilhar este post


Link para o post
Compartilhar em outros sites

acho q teria q ser algo mais nessa pegada aqui:

 

 

<html>  
<head>  
<script type="text/javascript">  


function id( el ){  
   return document.getElementById( el );  
} 

window.onload = function(){  
   id('form').onsubmit = function(){
       if( id('falta').checked ){
           return confirm( 'Tem certeza que deseja enviar o formulário ?' );
       }
   }  
}  

</script>  
</head>  
<body>  
   <form action="" method="post" id="form">  
       Email: <input type="text" name="email" />  
       falta <input type="checkbox" name="falta" id="falta" />
       <input type="submit" name="ok" value="ok" />  
   </form>  
</body>  
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

valeu cara ,

é exatamente isso ... Muito obrigado.

 

ja aproveitando o tópico , estou com um problema nas acentuações de alerts .. não só esse como outros no sistema .. você sabe o porque ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

qual charset você tá usando ?

 

iso ou utf8 ?

padronize tudo, meta html, codificação do arquivo.. e envie headers de charset com a tua linguagem server-side.

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.