Ir para conteúdo

POWERED BY:

Arquivado

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

sNniffer

2 botões em um form

Por , em Desenvolvimento frontend

Recommended Posts

sNniffer    1

sNniffer
Postado

Olá pessoal,

 

Preciso de ajuda em relação a construção do código de uma aplicação, onde realizo o cadastro e neste mesmo formulário necessito fazer consultas de cep's, o problema é que a consulta é realizada por um button e o cadastro por outro button.

Para ficar mais claro, ao realizar a consulta de cep's necessito ter o comando:

onSubmit="return false"

no form.

Mas com este comando o cadastro não funciona, pois, os botões estão no mesmo form.

Como poderia resolver esta questão, alguem tem alguma idéia?

 

 

Vlw.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

coloque um input type="button" para consulta do cep.

Compartilhar este post

Link para o post
Compartilhar em outros sites

sNniffer    1

sNniffer
Postado

William, troquei o input type="button", e o cep consulta, mas, no clique sobre o botão salvar nada acontece na página:

Segue parte do código:

 

 

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


</head>
<body> 
<form  name="ordem_particular_form" method="post" onSubmit="return false"  action="ordem_particular_gravar.php" >
          <table  class="bordamenu"  height="30px" width="100%" border="1" cellspacing="0" cellpadding="0" align="right">
                       <tr>
                       <td width="80%"></td>
                       <td align="center"><button type="button" class="voltar"  value="Enregistrer" onclick="location.href='index.php'"></button></td>
                       <td align="center"><button type="submit" name="salvar" class="salvar"></button></td>
                       <td align="center"><button type="reset" class="reset"   value="Enregistrer" onclick="location.href='index.php?link=4'"></button></td>
                       </tr>

            </table>                  
<table width="81%" height="196" border="0" align="center"  class="bordasimples" >
 <tr>
   <td width="101" height="24">Data:</td>
   <td width="246"><label>
     <input type="text" name="data" id="data" />
   </label></td>
   <td width="86">Hora Inicio:</td>
   <td width="263"><input type="text" name="hora_inicio" id="hora_inicio"  maxlength="5" onkeypress="formatar_mascara(this, '##:##')"/></td>
   <td width="95">Hora Fim:</td>
   <td width="260"><input type="text" name="hora_fim" id="hora_fim" maxlength="5" onkeypress="formatar_mascara(this, '##:##')"/></td>
 </tr>




 <tr bgcolor="#ffe8e8">
   <td width="101" class="r">Cep  </td>
   <td width="246"><input name="cep_origem" id="cep_origem" maxlength="9" onkeypress="formatar_mascara(this, '#####-###')"/>

   </td>
   <td width="86" class="r"><input type="button" id="btn" class="btn" onclick="return getEndereco()" value="Consulta"> </td>
   <td width="263"> </td> 
   <td width="95"> </td>
   <td> </td>
 </tr>
 <tr bgcolor="#ffe8e8">
   <td class="r">Endereço</td>
   <td><input type="text" name="endereco_origem" id="endereco_origem" /></td>
   <td class="r">Número</td>
   <td><input type="text" id="num_origem" name="num_origem" size="10" /></td>
   <td> </td>
   <td> </td>
 </tr>
 <tr bgcolor="#ffe8e8">
   <td class="r">Bairro</td>
   <td class="small">
     <input type="text" id="bairro_origem" name="bairro_origem" />
   </td>
   <td class="r">Cidade</td>
   <td><input type="text" name="cidade_origem" id="cidade_origem" /></td>
   <td>UF</span></td>
   <td><input type="text" name="uf_origem" id="uf_origem" /></td>
 </tr>




 <tr bgcolor="#dde1fe">
   <td width="101" class="r">Cep </td>
   <td width="246"><input name="cep_destino" type="text" id="cep_destino"  maxlength="9" onkeypress="formatar_mascara(this, '#####-###')"/></td>
   <td width="86" class="r"><input type="button" id="btn" class="btn" onclick="return getEnderecoDestino()" value="Consulta"></td>
   <td width="263"> </td>
   <td width="95"> </td>
   <td> </td>
   </tr>
 <tr bgcolor="#dde1fe">
   <td class="r">Endereço</td>
   <td><input type="text" name="endereco_destino" id="endereco_destino" /></td>
   <td class="r">Número</td>
   <td><input type="text" id="num_destino" name="num_destino" size="10" /></td>
   <td> </td>
   <td> </td>
   </tr>
 <tr bgcolor="#dde1fe">
   <td class="r">Bairro</td>
   <td class="small"><input type="text" id="bairro_destino" name="bairro_destino" /></td>
   <td class="r">Cidade</td>
   <td><input type="text" name="cidade_destino" id="cidade_destino" /></td>
   <td>UF</span></td>
   <td><input type="text" name="uf_destino" id="uf_destino" /></td>
   </tr>
 <tr bgcolor="#fefaca">
   <td class="r"> </td>
   <td> </td>
   <td class="r"> </td>
   <td> </td>
   <td> </td>
   <td> </td>
 </tr>



</table>
</form>


</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

retire isso aqui:

onSubmit="return false"

Compartilhar este post

Link para o post
Compartilhar em outros sites

sNniffer    1

sNniffer
Postado

Este é o grande problema, ao retirar esta linha

 

onSubmit="return false"

 

Os dados são gravados, mas, a consulta de cep não funciona, simplesmente ao clicar no botão "consultar cep", é acionado o submit e os dados são gravados.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

se o botão de consulta, for type="button", você não precisa desse return ai.

 

e todo o resto vai funcionar corretamente.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito