Ir para conteúdo

POWERED BY:

Arquivado

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

Samuel Gamito

[Resolvido] enviar form com ajax

Por , em Javascript

Recommended Posts

Samuel Gamito    0

Samuel Gamito
Postado

Eai galera, beleza?

 

Eu estou criando um site e no formularaio eu usei a validação spry so que eu queria enviar o formulario por ajax e quando eu tento enviar o ajax entre em conflito vom a validação do spry. Já tentei usar eventos com onSubmit no formulario ou onClick no botão , mais mesmo assim entra em conflito , porque o ajax passa por cima da validação , e quando ele não passa por cima , o formulario atualiza a pagina fazendo com que não tenha sentido usar o ajax.

 

OBS: o forumlario está sendo enviado por POST.

 

Eu queria muito que alguem me ajudasse, porque usando o ajax o site fica mais dinâmico

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

só dispare o envio ajax, qndo a validação estiver okay

Compartilhar este post

Link para o post
Compartilhar em outros sites

Samuel Gamito    0

Samuel Gamito
Postado

Esse que está sendo o problema como eu posso fazer esse verificação. Porque quando todos os campos forem preenchidos corretamente que ele chamaria o ajax sem atualizar a página, e é isso que eu não estou conseguindo fazer

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

só colocar isso dentro da verificação.. esse teu tal de spry... sei lá.

 

por isso que não uso as 'ferramentas do dreamweaver', só atrapalham.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

faz do zero, na mão.. assim você terá mais controle sob o teu código, e não o contrário (o código te controlando e limitando)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Samuel Gamito    0

Samuel Gamito
Postado

Eu só queria tirar uma ultima duvida. Tem como eu passar uma variavel de uma função para outra??

function conteudo(){
 var conteudo= document.getElementById('textfield').value;
 if(conteudo == ""){
 var enviar = "nao"
 }else{
 var enviar = "sim"
 }

}
function enviar(){
if(enviar == "sim"){
//envia formulario
}else if(enviar == "nao"){
//nao enviar formulario
}

 

<form>
<input type="text" name="textfield" id="textfield" onblur="conteudo()" />
<input type="button" name="button" id="button" onclick="enviar()" value="Enviar" />
</form>

 

Porque se eu conseguir fazer isso não preciso fazer a minha validação, Porque ai eu consigo fazer a verificação da campo pela variavel

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Então você fez errado.

 

com uma variavel de escopo global, dá pra primeira função mandar informações pra segunda, que será disparada depois.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

exemplo de validação:

<html>
<head>
<script type="text/javascript">
window.onload = function(){
id('form_ajax').onsubmit = function(){
	if( id('nome').value=='' || id('telefone').value=='' )
	{
		alert( 'Preencha os campos!' );
		return false;
	}
	else
	{
		alert( 'Agora pode enviar o ajax' );
	}
}
}
function id( el ){
return document.getElementById( el );
}
</script>
<style type="text/css">
* { margin: 0; padding: 0; }
label { display: block; }
</style>
</head>
<body>
<form action="outra.php" method="post" id="form_ajax">
	<label>Nome: <input type="text" name="nome" id="nome" /></label>
	<label>Telefone: <input type="text" name="telefone" id="telefone" /></label>
	<label><input type="submit" name="ok" value="ok" /></label>	
</form>
</body>
</html>

exemplo de form com ajax:

http://forum.imasters.com.br/index.php?/topic/393224-fazer-tudo-na-div-idconteudo/

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