Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17636
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como substituir o input submit por div, imagem, inputs, etc usando jQuery

09-05-2015 21:43

Nesse post vou mostrar como usar o jQuery para trocar o botão do input type submit para envio do formulário.

<script type="text/javascript" src="jquery.js"></script> <script> $(function() { $('.submit').click(function() { $('.form').submit(); }); }); </script> <form class="form" action="teste.php" method="POST"> <input type="text" name="campo" value=""> <div class="submit">Enviar</div> </form>

Nesse exemplo acima eu uso uma div que quando é clicada faz o submit do formulário.
Você pode usar qualquer elemento para enviar o formulário, img, div, inputs, etc. Basta adicionar a class submit do exemplo.

class="submit"
2
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Google Adsense [Bot]