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


Moderador: web

 
Mais de 50 postagens
Mais de 50 postagens
Tópico Autor
Mensagens: 56
Sexo: Masculino

Antes de Imprimir verificar campos obrigatórios

26-04-2012 14:28

Gostaria de uma ajuda, estou com problemão.

Estou com este formulario abaixo e como todos os campos obrigatórios e o campo imprimir, só que quando vou no campo imprimir ele não avisa que tal campo está vazio.
Poderia me ajudar?

<head> <title> Formulário de Contato </title> <meta name="robots" content="noindex,nofollow" /> <style type="text/css"> <!-- body{ text-align: center; } form#formulario { width: 432px; margin: 0 auto; } form#formulario label{ float: left; margin: 0 0 10px 0; } form#formulario small{ color: red; } form#formulario input{ float: right; } form#formulario textarea{ float: right; } .clear{ clear: both; } form#formulario span{ float: left; font-size: 13px; line-height: 25px; } form#formulario input.botao{ float: none; margin: 0 auto; } --> </style> <script> function validar(formulario){ if(formulario.nome.value == ''){ alert("O campo NOME é obrigatório."); return false; } if(formulario.email.value == ''){ alert("O campo EMAIL é obrigatório."); return false; } if(formulario.email.value.indexOf(('@' && '.'),0)== -1){ alert("EMAIL invalido."); return false; } if(formulario.assunto.value == ''){ alert("O campo ASSUNTO é obrigatório."); return false; } if(formulario.mensagem.value == ''){ alert("O campo MENSAGEM é obrigatório."); return false; } if(formulario.mensagem.value.length < 10){ alert("A MENSAGEM está muito curta."); return false; } return true; } </script> </head> <body> <form id="formulario" name="contato" method="post" onsubmit="return validar(this);" action="enviar.php"> <label>Nome: <small>*</small></label><input type="text" name="nome" size="53" /><br class="clear" /> <label>Email: <small>*</small></label><input type="text" name="email" size="53" /><br class="clear" /> <label>Assunto: <small>*</small></label><input type="text" name="assunto" size="53" /><br class="clear" /> <label>Mensagem: <small>*</small></label><textarea name="mensagem" cols="40" rows="7" ></textarea><br class="clear" /> <span>(<small>*</small>) Todos os campos são obrigatórios.</span><br class="clear" /> <input type="button" value="Print Este Page" onClick="window.print()" /> <input type="reset" class="botao" name="limpar" value="Limpar" /><br class="clear" /> </form> </body> </html>

0
Editado pela última vez por web em 27-04-2012 10:24, em um total de 1 vez.
Razão: MOVIDO PARA JAVASCRIPT
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17737
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Antes de Imprimir verificar campos obrigatórios

26-04-2012 15:45

Não deve ter evento no onsubmit, e o botão print deve estar assim

<input type="button" value="Print Este Page" onClick="return validar(document.contato);" />

O window.print pode ser usado dentro da função, quando o usuário passar pelos ifs.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 50 postagens
Mais de 50 postagens
Tópico Autor
Mensagens: 56
Sexo: Masculino

Antes de Imprimir verificar campos obrigatórios

26-04-2012 17:02

Retirado onsubmit="return validar(this);" e adicionado no campo imprimir

<input type="button" value="Emprimir e enviar" onClick="return validar(document.contato);" />

mais o campo imprimir não faz nada.

<script> function validar(formulario){ if(formulario.nome.value == ''){ alert("O campo NOME é obrigatório."); return false; } if(formulario.email.value == ''){ alert("O campo EMAIL é obrigatório."); return false; } if(formulario.email.value.indexOf(('@' && '.'),0)== -1){ alert("EMAIL invalido."); return false; } if(formulario.assunto.value == ''){ alert("O campo ASSUNTO é obrigatório."); return false; } if(formulario.mensagem.value == ''){ alert("O campo MENSAGEM é obrigatório."); return false; } if(formulario.mensagem.value.length < 10){ alert("A MENSAGEM está muito curta."); return false; } return true; } </script> <form id="formulario" name="contato" method="post" onsubmit="return validar(this);" action="enviar.php"> <label>Nome: <small>*</small></label><input type="text" name="nome" size="53" /><br class="clear" /> <label>Email: <small>*</small></label><input type="text" name="email" size="53" /><br class="clear" /> <label>Assunto: <small>*</small></label><input type="text" name="assunto" size="53" /><br class="clear" /> <label>Mensagem: <small>*</small></label><textarea name="mensagem" cols="40" rows="7" ></textarea><br class="clear" /> <span>(<small>*</small>) Todos os campos são obrigatórios.</span><br class="clear" /> <input type="button" value="Print Este Page" onClick="return validar(document.contato);" /> <input type="reset" class="botao" name="limpar" value="Limpar" /><br class="clear" /> </form>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17737
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Antes de Imprimir verificar campos obrigatórios

26-04-2012 17:05

Testa seu script ai, eu testei aqui e mostra o alert.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 50 postagens
Mais de 50 postagens
Tópico Autor
Mensagens: 56
Sexo: Masculino

Antes de Imprimir verificar campos obrigatórios

27-04-2012 07:52

Sim mostra o Alert mais não vai para opção imprimir....
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17737
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Antes de Imprimir verificar campos obrigatórios

27-04-2012 09:59

Mas não tem que imprimir só após todos os campos estarem preenchidos?
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 50 postagens
Mais de 50 postagens
Tópico Autor
Mensagens: 56
Sexo: Masculino

Antes de Imprimir verificar campos obrigatórios

27-04-2012 10:04

Mais estou preenchedo todos os campos obrigatórios, quando preencho todos o campo imprimir " não faz nenhuma ação, não imprimir e nem envia para o banco as informações, fica estático.

Entendeu querido?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17737
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Antes de Imprimir verificar campos obrigatórios

27-04-2012 10:11

Mas você tem que colocar o window.print onde falei

...
window.print();
return true;
}
</script>
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 50 postagens
Mais de 50 postagens
Tópico Autor
Mensagens: 56
Sexo: Masculino

Antes de Imprimir verificar campos obrigatórios

27-04-2012 11:43

Por favor, veja para mim onde estou errando, pois coloquei window.print(); no final do script da erro de sintaxis.

Por favor me ajude

</style> <script> function validar(formulario){ if(formulario.nome.value == ''){ alert("O campo NOME é obrigatório."); return false; } if(formulario.email.value == ''){ alert("O campo EMAIL é obrigatório."); return false; } if(formulario.email.value.indexOf(('@' && '.'),0)== -1){ alert("EMAIL invalido."); return false; } if(formulario.assunto.value == ''){ alert("O campo ASSUNTO é obrigatório."); return false; } if(formulario.mensagem.value == ''){ alert("O campo MENSAGEM é obrigatório."); return false; } if(formulario.mensagem.value.length < 10){ alert("A MENSAGEM está muito curta."); return false; } return true; } window.print(); } </script> <form id="formulario" name="contato" method="post" onsubmit="return validar(this);" action="enviar.php"> <label>Nome: <small>*</small></label><input type="text" name="nome" size="53" /><br class="clear" /> <label>Email: <small>*</small></label><input type="text" name="email" size="53" /><br class="clear" /> <label>Assunto: <small>*</small></label><input type="text" name="assunto" size="53" /><br class="clear" /> <label>Mensagem: <small>*</small></label><textarea name="mensagem" cols="40" rows="7" ></textarea><br class="clear" /> <span>(<small>*</small>) Todos os campos são obrigatórios.</span><br class="clear" /> <input type="button" value="Print Este Page" onClick="return validar(document.contato);" /> <input type="reset" class="botao" name="limpar" value="Limpar" /><br class="clear" /> </form>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17737
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Antes de Imprimir verificar campos obrigatórios

27-04-2012 11:44


<script> function validar(formulario){ if(formulario.nome.value == ''){ alert("O campo NOME é obrigatório."); return false; } if(formulario.email.value == ''){ alert("O campo EMAIL é obrigatório."); return false; } if(formulario.email.value.indexOf(('@' && '.'),0)== -1){ alert("EMAIL invalido."); return false; } if(formulario.assunto.value == ''){ alert("O campo ASSUNTO é obrigatório."); return false; } if(formulario.mensagem.value == ''){ alert("O campo MENSAGEM é obrigatório."); return false; } if(formulario.mensagem.value.length < 10){ alert("A MENSAGEM está muito curta."); return false; } window.print(); return true; } </script>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 50 postagens
Mais de 50 postagens
Tópico Autor
Mensagens: 56
Sexo: Masculino

Antes de Imprimir verificar campos obrigatórios

27-04-2012 11:58

Amigo, agora está aparecendo a opção de imprimir, só que apenas imprimi não está salvando no banco....



:sweat:
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17737
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Antes de Imprimir verificar campos obrigatórios

27-04-2012 12:02

Se tem que submeter os dados do formulário, você tem que acionar o submit após o window.print

window.print(); document.contato.submit();

Nesse caso, vai ser pedido para imprimir o documento, após os dados são enviado.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Google [Bot]