Loading
carregando...

Como definir vários actions para o mesmo formulário HTML


Olá galera, hoje vamos aprender como definir vários actions para o mesmo formulário.

Depois de uma necessidade especial em um certo formulário de um projeto, precisei definir dois action para um mesmo formulário onde o usuário poderia optar por enviar um oramento ou continuar escolhendo produtos a serem orçados.

No meu prejeto eu estava usando um certo form em HTML e não pretendia criar um outro, então surgiu a ideia de criar uma função em javascript que definiria para onde o form teria que enviar os dados do mesmo, no qual o botão clicado pelo usuário passaria a tal informação para a função direcionar os dados.

bom vamos aos códigos então:

Primeiramente vamos preparar a função em javascript:

  1.  
  2. <script type="text/javascript">
  3. function submitForm(acao){
  4.   if(acao == 'salvar'){
  5.     document.forms.name_do_form.action="http://www.endereco.com.br/salvar.php";
  6.     document.forms.name_do_form.submit();
  7.   }else if(acao == 'deletar'){
  8.     document.forms.name_do_form.action="http://www.endereco.com.br/deletar.php";
  9.     document.forms.name_do_form.submit();
  10.   }
  11. }
  12. </script>
  13.  


criada a função responsável por definir o action do form no formulário ficaria da segunte forma:

  1.  
  2. <form action="javascript:void(0);" name="name_do_form" method="post">
    
  3.   <input type="buttom" onclick="submitForm('salvar');" value="Salvar"/>
    
  4.   <input type="buttom" onclick="submitForm('deletar');" value="deletar"/>
    
  5. </form>
    
  6.  


a grande vantagem dessa forma de fazer esse funcionamento é que podemos definir quantos actions quiser-mos e em qual elemento quiser-mos...

é isso qualuqer dúvida estamos aí... tt


Autor: Dárcio Gomes
Data: 17/11/2012 00:00:00