Ir para conteúdo

POWERED BY:

Arquivado

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

Ualace Moura

Como colocar o submit fora do formulario

Por , em PHP

Recommended Posts

Ualace Moura    0

Ualace Moura
Postado

pessoal to com um problema. To criando um sisteminha onde mostra o que está cadastrado no banco, dai jogo algumas informações num formulario para atualizar alguns campos.

 

A questão é como posso colocar o botão submit fora do form

to tentando assim

 

Ex;

<input type="submit" name="cadastrar" value="Cadastrar">

<form action='' method='post' enctype='multipart/form-data' name='form' >

 

<input type="text" name="nome" size="100"></br>

<input type="text" name="email" size="100"></br>

</form>

Eu sei que o normal é o submit dento do form. mas como faço ele funcionar fora do form. desde já agradeço a ajuda de todos.

Ah postei em php porque minhas páginas são em php e porque não sabia onde postar;

Compartilhar este post

Link para o post
Compartilhar em outros sites

ESerra    744

ESerra
Postado

Neste caso ele não vai submeter nada, já que o submit envia o formulário no qual ele está contido, o que você vai ter que fazer é criar uma função em js que é chamada no onclick do buutton que e que realizará o disparo do form.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ualace Moura    0

Ualace Moura
Postado

Ualace, pra voce conseguir que o botão funcione fora do form vai ter que utilizar Javascript

 

algo como isso aqui

 

Exemplo

 

cara no exemplo que você me deu, o submit tá dentro do form, tentei colocar fora mas num deu. não acontece nada

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

Basta ter conhecimento básico em JavaScript...

 

 

<script type="text/javascript">

function ObjSet( eln ){
var rr = false;
if( document.all ){
	if(  document.all[eln]  ){
	rr = document.all[eln];
	}
}else{
	if(  document[eln]  ){
	rr = document[eln];	
	}else{
		if(  document.getElementById(eln)  ){
		rr = document.getElementById(eln );
		}
	}
}
return rr;
}

function sendForm()
{
    f = ObjetSet('frm1'); // seta o objeto
    f.enctype = "multipart/form-data";
    f.method ="POST"; // método de envio
    f.action = "pagina.php"; // página que receberá os dados do formulário
    f.submit(); // esse comando envia o formulário
}
</script>


<input type="button" name="cadastrar" value="Cadastrar" onclick="sendForm();">


<form name="frm1" id="frm1">

Compartilhar este post

Link para o post
Compartilhar em outros sites

01100011cc    15

01100011cc
Postado

Pra isso não precisa de js...

 

tem um jeito de fazer isso só com html e css !

usando um <label for="botao">

e deixando o <input type="submit" com display:none

 

veja:

 

<?php

if(isset($_POST['valor1'])){
echo $_POST['valor1'];
}

?>
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#ok{
display: none;  /* deixa  o submit dentro do form sem gui */
}
</style>
<meta charset="UTF-8">
<title>testando</title>
</head>
<body>

<form method="post">
<input type="text" name="valor1"  />
<input type="submit"  name="ok" id="ok" /> 
</form>

<label for="ok"><input type="button" value="testar"></label> 
</body>
</html>

 

eu coloquei um button dentro do label, mais o correto seria colocar um texto e deixar a label com aparencia de botão usando css...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Nicolas TI    0

Nicolas TI
Postado

Cara eu estava com a mesma dúvida e consegui resolver com dicas em um fórum. Existem duas maneiras de resolver isso sem que você precise criar um button.

 

*O primeiro método você deve acrescentar o seguinte código em seu form:

<a href="javascript:document.form.submit();">CADASTRAR</a>
<!--O nome form eu sublinhei por que faz referência ao nome que você atribuiu ao seu formulário-->
*O segundo método você deve acrescentar o seguinte código fora do seu form:
<div><a href="javascript:document.form.submit();">CADASTRAR</a>.</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos PHP
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito