Ir para conteúdo

POWERED BY:

Arquivado

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

Kaayá Pezzuti

enter executar ação

Recommended Posts

Olá pessoal tenho o seguinte codigo

 

<form name="formbusca">
    <table border="1" width="500">
        <tr align="center">
            <th><input type="text" id="procura"><a href="#" id="busca">Buscar</a></th>
        </tr>
<tbody id="respostaBusca">


        </tbody>


    </table>
</form>

eu em vez de colocar <form method="POST" action="xxx.php">

preferi fazer um botao com <a href> mas tem um problema, eu queria que logo quando terminasse de digitar no campo input eu pudesse dar enter e executava a acação do botao, e quando eu uso o campo SUBMIT eu consigo mas precisa usar outro método.

 

Existe alguma forma de eu conseguir assim que terminar de digitar e apertar enter ele acione o BUSCAR?, mas também só quando tiver selecionado tal campo input?

 

não sei se consegui me explicar

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim, mas é meio gambiarra.

 

Se vc usar a tag <FORM> e estilizar o input submit corretamente, não precisa de nada disso. :lol:

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim, mas é meio gambiarra.

 

Se vc usar a tag <FORM> e estilizar o input submit corretamente, não precisa de nada disso. :lol:

 

é porque estou usando ajax, qual seria a melhor forma? usando o iframe

Compartilhar este post


Link para o post
Compartilhar em outros sites

A melhor forma é deixar a tag form e estilizar o input submit corretamente.

 

Ai vc usa e.preventDefault() ou return false; para impedir que o form seja enviado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

A melhor forma é deixar a tag form e estilizar o input submit corretamente.

 

Ai vc usa e.preventDefault() ou return false; para impedir que o form seja enviado.

 

vc poderia me dar um exeplo? não entendi mto bem

Compartilhar este post


Link para o post
Compartilhar em outros sites

$('form').on('submit', function(e){

e.preventDefault();//impedindo que o form seja enviado

 

//.. aqui vc faz o seu ajax

});

ou
$('form').on('submit', function(){

//.. aqui vc faz o seu ajax

 

return false;//impedindo que o form seja enviado

});

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

hahaha

agora sim... intendi exatamente e aprendi a fazer finalmente.

 

OBS: não sabia que o return false, anulava o envio do form.. nesse caso posso deixar o campo action="" em branco?

 

fiz com Javascript em vez do jquery mas é a mesma coisa

 

obrigado abraço

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.