Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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;
Ualace, pra voce conseguir que o botão funcione fora do form vai ter que utilizar Javascript
algo como isso aqui
>
Ualace, pra voce conseguir que o botão funcione fora do form vai ter que utilizar Javascript
algo como isso aqui
cara no exemplo que você me deu, o submit tá dentro do form, tentei colocar fora mas num deu. não acontece nada
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];
} if( document[eln] ){
rr = document[eln];
}else{
if( document.getElementById(eln) ){
rr = document.getElementById(eln );
}
}
}
return rr;
}
function sendForm() 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">Tentei fazer desta forma e não funcionou, preciso muito fazer um submit fora do form, e não encontro ajuda.
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'];
}
?><html>
<head>
<style type="text/css">
#ok{</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...
Ou use Jquery
<form id="macaca" method="post">
<input type="text" name="valor1" />
</form>
<input type="button" value="testar" onclick="$('#macaca').submit()">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>
#9... ler a data do tópico e também os posts é algo relevante.
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.