Ir para conteúdo

POWERED BY:

Arquivado

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

lukoBR

[Resolvido] [jQuery] Enviar formulário

Recommended Posts

Olá pessoal, estou com um problema, tenho uma página com dois formulários, e quero enviar o formulário com jQuery, só que sem ter que colocar nomes ou IDs em cada código de Javascript do formulário. Tenho o código:

 

<form id="TesteForm" name="teste" method="post" action="/teste">
	<input name="nome" type="text" id="nome">

	<a href="javascript:$('form').submit();">Enviar</a>
</form>


<form id="SegundoForm" name="segundo" method="post" action="/segundo">
	<input name="sobrenome" type="text" id="sobrenome">

	<a href="javascript:$('form').submit();">Enviar</a>
</form>

Ou seja, eu poder usar o mesmo javascript (ex: $('form').submit(); ) para qualquer formulário na página.

 

Grato pela ajuda =)

Compartilhar este post


Link para o post
Compartilhar em outros sites

use o método .parent() para encontrar de quem o teu disparador é filho, ai sim você conseguirá fazer isso.

Compartilhar este post


Link para o post
Compartilhar em outros sites

use o método .parent() para encontrar de quem o teu disparador é filho, ai sim você conseguirá fazer isso.

 

javascript:$('form').parent().submit();

Isso?

Compartilhar este post


Link para o post
Compartilhar em outros sites

não.

 

algo assim:

<a href="#" class="submit">Enviar</a>
e ai:

$(".submit").click(function( e ){
   e.preventDefault();
   $( this ).parent().submit();
});

 

não testei, mas a idéia é esta que coloquei.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu fiz assim:

 

<script type="text/javascript">
$(".submit").click(function(){
   $(this).parent().submit();
});
</script>

Meu link para enviar o formulário ficou assim:

<a href="#" class="submit">Enviar</a>

Dentro de um formulário. Mas não funcionou... Alguma sugestão?

 

Obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

posta o html...

o parent(), deve varrer o DOM, até achar o form...

 

e para isso, ele aceita parâmetros tb

$(this).parent('form').submit();
http://api.jquery.com/parent/

 

estude.

Compartilhar este post


Link para o post
Compartilhar em outros sites

posta o html...

o parent(), deve varrer o DOM, até achar o form...

 

e para isso, ele aceita parâmetros tb

$(this).parent('form').submit();
http://api.jquery.com/parent/

 

estude.

 

 

<script type="text/javascript">
$(".submit").click(function(){
   $(this).parent('form').submit();
});
</script>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
	<form id="TestPass" name="TestPass" method="post" action="/save/pass">
		<td>
			<input name="Pass" type="text" id="Pass">
			<input name="CheckPass" type="text" id="CheckPass">

			<a href="#" class="submit">Enviar</a>
		</td>
	</form>
	</tr>

<form id="TestForm" name="Test" method="post" action="/save/test">
	<tr>
		<td><input type="text" name="FirstName" id="FirstName" /></td>
	</tr>
	<tr>
		<td><a href="#" class="submit">Enviar</a></td>
	</tr>
</form>
</table>

Obrigado até então.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Resolvido, apenas alterei o código, e atribui classe e não id para meus links que enviam os formulários:

 

<script type="text/javascript">
$(document).ready(function() {
	$('.submit').click(function(){  
		$(this).parents().submit();
	});
});
</script>

Agradeço a todos que tentaram me ajudar!

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.