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


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 135

jquery form não está funcionando

27-07-2015 11:05

Algo muito esquisito me acontece, estou fazendo upload de 3 arquivos com jquery. Dois funcionam e o primeiro não funciona

Dessa forma:

Primeira Imagem:

<form method="post" id="form1" name="form1" action="upload.php" enctype="multipart/form-data"> <input type="file" id="img1" name="img1" /> </form> <script type="text/javascript" language="javascript"> $(document).ready(function(){ $('#img1').live('change',function(){ $('#imagem1').html('<img src="img/ajax-loader.gif" alt="Enviando..."/>'); $('#form1').ajaxForm({ target:'#imagem1' }).submit(); }); }) </script>

Segunda Imagem:

<form method="post" id="form2" name="form2" action="upload.php" enctype="multipart/form-data"> <input type="file" id="img2" name="img2" /> </form> <script type="text/javascript" language="javascript"> $(document).ready(function(){ $('#img2').live('change',function(){ $('#imagem2').html('<img src="img/ajax-loader.gif" alt="Enviando..."/>'); $('#form2).ajaxForm({ target:'#imagem1' }).submit(); }); }) </script>

Terceira Imagem:

<form method="post" id="form3" name="form3" action="upload.php" enctype="multipart/form-data"> <input type="file" id="img3" name="img3" /> </form> <script type="text/javascript" language="javascript"> $(document).ready(function(){ $('#img3').live('change',function(){ $('#imagem3).html('<img src="img/ajax-loader.gif" alt="Enviando..."/>'); $('#form3').ajaxForm({ target:'#imagem1' }).submit(); }); }) </script>

As duas ultimas imagens faz tranquilo o upload, a primeira ele mostra o gif do preload mais não faz o submit do formulário, então o gif fica rodando eternamente.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17583
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: jquery form não está funcionando

27-07-2015 11:40

No bloco 1 não vejo erro.
No bloco 2 está faltando aspas:

$('#form2).ajaxForm({

No bloco 3 está faltando aspas:

$('#imagem3).html('<img src="img/ajax-loader.gif" alt="Enviando..."/>');

Creio que deva ser isso.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado