Ir para conteúdo

POWERED BY:

Arquivado

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

guicampos1

Fomulário de único botão (send e input file)

Por , em Javascript

Recommended Posts

guicampos1    4

guicampos1
Postado

Bom dia galera, venho a um tempo estudando PHP auto-de-data. Com isso, na empresa onde trabalho, acabei desenvolvendo um sistema intranet de controle de contas. Estou rodando os testes a 3 meses e agora estou aperfeiçoando. Por isso preciso de uma ajuda de vocês.

 

O que preciso fazer é o seguinte:

 

Um formulário com um único botão, porém da seguinte maneira:

 

[ Confirmar ] ao clicar abre uma caixa escrito:

 

Você tem certeza que recebeu essa fatura?

[ Sim ] [ Não ]

 

- Ao clicar em [ Não ] ele retorna;

- Ao clicar em [ Sim ] ele abre uma outra:

 

Você gostaria de anexar essa fatura?

[ Sim ] [ Não ]

 

- Ao clicar em [ Não ] ele envia o formulário;

- Ao clicar em [ Sim ] ele abre uma caixa de seleção de arquivos, tipo a do input file, então ao selecionar ele enviar o formulário com esse arquivo no input.

 

 

Aguardo uma dica de vocês do que devo estudar pra estar desenvolvendo isso.

Segue uma imagem da situação atual pra ajudar vocês a me entender um pouco.

 

faturas.jpg

Compartilhar este post

Link para o post
Compartilhar em outros sites

allex_carvalho    124

allex_carvalho
Postado

Você precisa de um confirm:

var acao = confirm("Tem certeza que recebeu esta fatura?");
if (acao == true) {
    // aqui faz a ação caso recebeu
} else {
    // aqui faz a ação caso não recebeu
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

guicampos1    4

guicampos1
Postado

 

Você precisa de um confirm:

var acao = confirm("Tem certeza que recebeu esta fatura?");
if (acao == true) {
    // aqui faz a ação caso recebeu
} else {
    // aqui faz a ação caso não recebeu
}

Sim, até então eu tenho uma noção... isso é bem próximo do PHP.

No validar, vou incluir um outro desse com a mesma lógico (verdadeiro continuar, falso ele para) e após isso como posso fazer pra abrir o input file aberto? E como como diferenciar ambos pra pegar os post na action?

Compartilhar este post

Link para o post
Compartilhar em outros sites

allex_carvalho    124

allex_carvalho
Postado

Veja se este exemplo que fiz te ajuda a adaptar suas necessidades, ao confirmar o formulário aparece, se ele confirmou uma vez e depois clicar em cancelar o formulário some:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>Teste</title>
		
		<style>
			#botao {
                                cursor: pointer;
                        }
                        #botao:hover {
                                text-decoration: underline;
                        }
		</style>
		
		<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function (){
				jQuery('#botao').click(function (){
					var acao = confirm("Tem certeza que recebeu esta fatura?");
					if (acao == true) {
						jQuery('#formulario').show('slow');
					} else {
						jQuery('#formulario').hide('slow');
					}
				});
			});
		</script>
	</head>
	<a id="botao">Confirmar</a>
	<form id="formulario" method="post" action="" enctype="multipart/form-data">
		<fieldset>
			<legend>Upload</legend>
			<input type="file" id="arquivo" name="arquivo" />
			<input type="submit" id="enviar" value="Enviar" />
		</fieldset>
	</form>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

guicampos1    4

guicampos1
Postado

Mano, ao meu ver, seria mais ou menos isso!!

 

Amanha vou fazer os testes e te dou um retorno!

 

Obrigado...

 

 

Mano, pelo que vi aqui, ele vai manter o input file oculto e ao clicar em sim, ele vai aparecer o botão do input file, certo?

 

O que preciso é quase isso, porém muda um pouco, não preciso que apareça o botão do input file e sim ele aberto.

Acredito que uma mudança pequena no código vai me ajudar com isso.

Compartilhar este post

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

Informação importante

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

  Aceito