Problemas no Formulario ao aplicar onsubmit="return false"
Olá, eu criei uma barra de pesquisa no meu site, que ela tem 3 etapas (Categorias| input para o texto | buscar )
todos estao dentro de um form com metodo post , e dentro dele tem outro form para o botao buscar, eles estao todos alinhados, o problema é que quando eu clico com mouse ou o touch no categorias ele da refresh na pagina, a categoria tem um dropdown que quando o mouse passa por cima ela mostra a lista, porem no touch precisa ser clicado entao eu vi aqui no forum que para resolver o submit de um botao se usa onsubmit="return false" , porem quando adiciono isso no form obviamente todo o conteudo de dentro recebe esta condição , porem eu preciso que apenas o botao que abre a categoria nao de submit, mas o imput e o buscar tem que dar se nao, nao consigo dar busca nos itens do site.
<div class="col-md-6">
<div class="list-group">
<div class="header-search">
<form method="POST" **onsubmit="return false"**>
<div class="dropdown">
<button class="dropbtn"><i class="glyphicon glyphicon-list"></i> Categorias</button>
<div class="dropdown-content">
<a href="{$PAG_PRODUTOS}">Todos</a>
{foreach from=$CATEGORIAS item=C}
<a href=" {$C.cate_link}">{$C.cate_nome}</a>
{/foreach}
</div>
</div>
<form method="POST">
<input name="txt_buscar" class="input" placeholder="Digite para buscar">
<button class="search-btn">Buscar</button>
</form>
</form>
em vermelho é onde se encontra o codigo adicionado para tirar o submit mas nao sei como fazer ele voltar ao normal no botao voltar,.
PS nao posso colocar o botao voltar fora do formulario pois seles ficam visualmente encaixados um no outro.
PS 2 nao funciona se eu tento adicionar este onsubimit direto no button somente no form.Discussão (3)
Carregando comentários...