OnSubmit

[rodrigo.gusmao 0]

Faaala Galera tenho o seguinte codigo:

<form id="form_manda" name="form_manda" method="post" action="indica.php" onsubmit=" window.open('','pop','scrollbars=no,width=200,height=200');return checa(this);" target=pop>

Mas precisei fazer uma função para verificação de dados e precisa ser realizada no onsubmit tambem... tentei assim

<form id="form_manda" name="form_manda" method="post" action="indica.php" onsubmit=" window.open('','pop','scrollbars=no,width=200,height=200');return checa(this);" target=pop>

Mas desta forma ele 1º executa o pop up e depois verifica os dados, porem já chamou o popup

Tentei com o return checa(this); antes do window.open mas ai ele verifica certinho mas qdo chama a janela ela não aparece como popup e sim como janela normal

<form id="form_manda" name="form_manda" method="post" action="indica.php" onsubmit="return checa(this); window.open('','pop','scrollbars=no,width=200,height=200');" target=pop>

 

Como que eu poderia resolver isso? podem me ajudar?

 

 

Valeuuuu galeraaaa

 

 

Abs,

 

Gusmão

 

[Humberto Oliveira Pinto 8]

isso é javascript,

mas deixa eu entender, você quer fazer que antes de submeter o formulario ele verifique se os campos estão preenchidos ou fazer alguma verificação no banco de dados.??

[rodrigo.gusmao 0]

Isso mesmo...antes de enviar o formulário ele deve verificar se o campo pesquisa foi preenchido (é uma pagina que pesquisa no banco, e o popup traz os resultados), se sim ele submete o formulário, e ao ser submetido tem que ser em popup.

[Gilberto Jr 26]

Eu acho mais facil você verificar no forum de javascript.

 

 

Att;

[xanburzum 169]

use o OnBlur nos campos juntamente com uma função para verificar se esta vazio.

[Humberto Oliveira Pinto 8]

faça em jquery facil e rapido.

 

1º - baixe o jquery.validate.js (https://github.com/jzaefferer/jquery-validation)

 

2º fonte:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.validate.js" type="text/javascript"></script>
<style>
h4 { font-family:'Coda', Arial, Helvetica, sans-serif; display: block; -webkit-padding-start: 280px; }
h4.error { float: none; color: red; margin: 0 .5em 0 0; vertical-align: top; font-size: 10px }
p { clear: both; }
.submit { margin-top: 1em; }
em {  padding-right: 1em; vertical-align: top; }
</style>
<script>
$(document).ready( function() {
	$("#form_cadastro").validate({
		// Define as regras
		rules:{
			email:{
				required: true, email: true
			},
            senha:{
            	required: true
            },
            c_senha:{
            	required: true,
            	equalTo: "#senha"
            },
			nome:{
				required: true, minlength: 4
			},

		},
		// Define as mensagens de erro para cada regra
		messages:{
			email:{
				required: "Digite o seu e-mail",
				email: "Digite um e-mail válido"
			},
            senha:{
            	required: "O campo senha é obrigatorio."
            },
            c_senha:{
            	required: "O campo confirmação de senha é obrigatorio.",
            	equalTo: "O campo confirmação de senha deve ser identico ao campo senha."
            },
			nome:{
				required: "Digite o seu nome",
				minLength: "O seu nome deve conter, no mínimo, 4 caracteres"
			},
		}
	});
});
</script>
<form action="SUA_PAGINA.XXX" method="post" name="form_cadastro" id="form_cadastro">

	<fieldset>
		<legend>Acesso</legend>
		<ul>
			<li>
				<label>E-mail</label>
				<input name="email" id="email" type="text" size="70"><h4></h4>
			</li>
			<li>
				<label>Senha</label>
				<input name="senha" id="senha" type="password" size="11"><h4></h4>
			</li>
			<li>
				<label>Confirme Senha</label>
				<input name="c_senha" id="c_senha" type="password" size="11"><h4></h4>
			</li>
			<li>
				<label>Nome</label>
				<input name="nome" id="nome" type="text" size="30"><h4></h4>
			</li>
		</ul>
	</fieldset>	
	<center><input name="input_submit" type="submit" value="Cadastrar" id="input_submit"></center>
	</form>	

puxei de um que uso aqui, só adaptar; E na página do Github tem o manual

[xanburzum 169]

se estevir usando o dreamweaver é mais fácil ainda ele já tem esse tipo de validação de exemplo.

[rodrigo.gusmao 0]

não funcionou com JQUERy, executei como orientado mas não foi...

[xanburzum 169]

vc consegue fazer isso bem rápido e simples usando o dreamweaver para validar os campos. Mas tenta assim:

 

<form>
<label for=”nome”>Nome</label>
<input type=”text” id=”nome” name=”nome” value=”" class=”required”>
<label for=”email”>E-mail</label>
<input type=”text” id=”email” name=”email” value=”" class=”required”>
<label for=”senha”>Senha</label>
<input type=”password” id=”senha” name=”senha” value=”" class=”required”>
<input type=”button” id=”btnCadastrar” name=”btnCadastrar” value=”Cadastrar”>
</form>

Em cada INPUT acrescentei um classe required, ela representa que ele é um campo obrigatório.

 

<input type=”text” id=”nome” name=”nome” value=”" class=”required”>

 

Na tag HEAD insira o codigo abaixo:

 

 

<script type=”text/javascript” src=”http://code.jquery.com/jquery-1.7.1.min.js”></script>

<script type=”text/javascript”>
$(document).ready(function(){
$(“#btnCadastrar”).click(function(){
$(“.required”).each(function(){
if($(this).val()==”"){
alert(“Campo obrigatório!”);
$(this).focus();
return false;
}
});
});
});
</script>
</head>

Quando o botão Cadastrar for clicado ele vai disparar uma função, a função vai percorrer os elementos que tiver a classe “required” e vai verificar se existe algum elemento que contem um campo vazio, caso ela encontre, vai exibir um alerta e vai adicionar o foco para o campo que se encontra vazio . Abaixo o code completo

 

<!DOCTYPE html>

<html>
<head>
<meta content=”text/html; charset=utf-8″ http-equiv=”Content-Type”>
<title>Jquery </title>
<script type=”text/javascript” src=”http://code.jquery.com/jquery-1.7.1.min.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
$(“#btnCadastrar”).click(function(){
$(“.required”).each(function(){
if($(this).val()==”"){
alert(“Campo obrigatório!”);
$(this).focus();
return false;
}
});
});
});
</script>
</head>
<body>
<form>
<label for=”nome”>Nome</label>
<input type=”text” id=”nome” name=”nome” value=”" class=”required”>
<label for=”email”>E-mail</label>
<input type=”text” id=”email” name=”email” value=”" class=”required”>
<label for=”senha”>Senha</label>
<input type=”password” id=”senha” name=”senha” value=”" class=”required”>
<input type=”button” id=”btnCadastrar” name=”btnCadastrar” value=”Cadastrar”>
</form>
</body>
</html>

[rodrigo.gusmao 0]

Fiz conforme vc mostrou, validou legal, porem apos eu clicar em ok na mensagem ele abre o pop....tem alguma forma dentro do javascript eu efetuar o submit?

[xanburzum 169]

não entendi o que quer

[cristianoolv 93]

document.nomeDoForm.submit();

[xanburzum 169]

vc quer fazer a validação no submit