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


Moderador: web

 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 2

Como enviar por metodo post em javascript ou jquery?

03-11-2009 13:55

Boa tarde,
entrei nesse forum para achar um codigo que faça o javascript ou jquery enviar os dados de um formulario em metodo post, encontrei dois codigos porem testei e não foi util (sou nova em javascript e jquery entao posso ter errado algo...) mas minha pergunta continua, como envio os dados d eum formulario por metodo post?

segue meu codigo abaixo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Economia e Energia</title> <link rel="stylesheet" type="text/css" href="style.css"/> <link rel="stylesheet" type="text/css" href="form.css" /> <script src="jquery-1.3.2.js" type="text/javascript"></script> <script src="jquery.js" type="text/javascript"></script> <script src="jquery.validate.js" type="text/javascript"></script> <script src="jquery.maskedinput-1.2.2.js" type="text/javascript"></script> <script src="cmxforms.js" type="text/javascript"></script> <script type="text/javascript"> $.validator.setDefaults({ submitHandler: function() { window.location.href = "incluir.php"; } }); $().ready(function() { // validate signup form on keyup and submit $("#formcadastro").validate({ rules: { nome: "required", sobrenome: "required", login: { required: true, minlength: 5 }, senha: { required: true, minlength: 5 }, csenha: { required: true, minlength: 5, equalTo: "#senha" }, email: { required: true, email: true } }, messages: { nome: "<p style='color:#F00'>Por favor digite o seu nome</p>", sobrenome: "<p style='color:#F00'>Por favor digite o seu sobrenome</p>", login: { required: "<p style='color:#F00'>Por favor digite seu login</p>", minlength: "<p style='color:#F00'>Seu login deve ter no minimo cinco caracteres</p>" }, senha: { required: "<p style='color:#F00'>Por favor digite uma senha</p>", minlength: "<p style='color:#F00'>Sua senha deve ter no minimo cinco caracteres</p>" }, csenha: { required: "<p style='color:#F00'>Por favor re-digite sua senha</p>", minlength: "<p style='color:#F00'>Sua senha deve ter no minimo cinco caracteres</p>", equalTo: "<p style='color:#F00'>Por favor verifique se esta inserida a mesma senha que no campo acima.</p>" }, email: "<p style='color:#F00'>Por favor insira um e-mail valido</p>" } }); //code to hide topic selection, disable for demo var newsletter = $("#newsletter"); // newsletter topics are optional, hide at first var inital = newsletter.is(":checked"); var topics = $("#newsletter_topics")[inital ? "removeClass" : "addClass"]("gray"); var topicInputs = topics.find("input").attr("disabled", !inital); // show when newsletter is checked newsletter.click(function() { topics[this.checked ? "removeClass" : "addClass"]("gray"); topicInputs.attr("disabled", !this.checked); }); }); </script> <script type="text/javascript"> jQuery(function($){ $("#telefone").mask("9999-9999",{placeholder:" "}); //Aqui montamos a máscara que queremos }); </script> </head> <body> <div id="tudo" align="center"> <?php include "topo.php" ?> <div id="conteudo"><div id="enchespaco"></div> <div id="cadastropg"> <form id='formcadastro' method='post' action='incluir.php' ><h1>Cadastro de novo usu&aacute;rio</h1><p>Os campos indicados com um * s&atilde;o obrigat&oacute;rios</p> <fieldset class='tituloh4'><h4>Dados Pessoais</h4></fieldset> <fieldset class='cadastron'><label for='Nome'>Nome:*</label> </fieldset> <fieldset class='cadastroi'><input name='nome' id='nome' class="required nome" type='text' size='20' maxlength='15' /></fieldset> <fieldset class='cadastron'><label for='Sobrenome'>Sobrenome:*</label></fieldset> <fieldset class='cadastroi'><input name='sobrenome' id='sobrenome' class="required sobrenome" type='text' size='20' maxlength='30' /></fieldset> <fieldset class='cadastron'><label for='cargo'>Cargo:</label></fieldset> <fieldset class='cadastroi'><input type='text' maxlength='20' size='15' name='cargo' /><label for='empresa'>Empresa:</label> <input type='text' maxlength='30' size='15' name='empresa'/></fieldset> <fieldset class='tituloh4'><h4>Dados para contato</h4></fieldset> <fieldset class='cadastron'><label for='ddd'>DDD:*</label></fieldset> <fieldset class='cadastroi'><input type='text' size='4' maxlength='2' name='ddd'/> <label for='telefone'>Telefone:*</label><input type='text' size='9' maxlength='9' name='telefone' id='telefone' /></fieldset> <fieldset class='cadastron'><label for='ddd2'>DDD:</label></fieldset> <fieldset class='cadastroi'><input type='text' size='4' maxlength='2' name='ddd2' /> <label for='celular'>Celular:</label><input type='text' size='9' maxlength='9' name='celular' /></fieldset> <fieldset class='cadastron'><label for='email'>E-mail:*</label></fieldset> <fieldset class='cadastroi'><input type='text' id='email' class="required email" size='40' maxlength='40' name='email'/></fieldset> <fieldset class='tituloh4'><h4>Dados para acesso</h4></fieldset> <fieldset class='cadastron'><label for='login'>Login:*</label></fieldset> <fieldset class='cadastroi'><input name='login' id='login' class="required login" type='text' size='20' maxlength='10' /></fieldset> <fieldset class='cadastron'><label for='senha'>Senha:*</label></fieldset> <fieldset class='cadastroi'><input name='senha' id='senha' class="required senha" type='password' size='20' maxlength='8' /></fieldset> <fieldset class='cadastron'> <label for='csenha'>Confirme sua senha:*</label></fieldset> <fieldset class='cadastroi'><input name='csenha' id='csenha' class="required csenha" type='password' size='20' maxlength='8' /> </fieldset><p>&nbsp;</p> <fieldset class='cadastrobutton'> <input type='submit' id='confirmar' value='Confirmar' /><input type='reset' id='limpar' value='Limpar' /> </fieldset> </form><p>&nbsp;</p> </div><br class="clearfloat" /></div> <?php include "foot.php" ?></div></body> </html>

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

Como enviar por metodo post em javascript ou jquery?

03-11-2009 16:05

0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 2

Como enviar por metodo post em javascript ou jquery?

04-11-2009 14:08

tentei esse sim!
resolvi porém de um jeito meio "tosco" eu diria (código abaixo)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Economia e Energia</title> <link rel="stylesheet" type="text/css" href="style.css"/> <link rel="stylesheet" type="text/css" href="form.css" /> <script src="jquery-1.3.2.js" type="text/javascript"></script> <script src="jquery.js" type="text/javascript"></script> <script src="jquery.validate.js" type="text/javascript"></script> <script src="jquery.maskedinput-1.2.2.js" type="text/javascript"></script> <script src="cmxforms.js" type="text/javascript"></script> <script type="text/javascript"> $.validator.setDefaults({ submitHandler: function() { document.formcadastro.action = "incluir.php?tipoc=1"; } }); $().ready(function() { // validate signup form on keyup and submit $("#formcadastro").validate({ rules: { nome: "required", sobrenome: "required", login: { required: true, minlength: 5 }, senha: { required: true, minlength: 5 }, csenha: { required: true, minlength: 5, equalTo: "#senha" }, email: { required: true, email: true } }, messages: { nome: "<p style='color:#F00'>Por favor digite o seu nome</p>", sobrenome: "<p style='color:#F00'>Por favor digite o seu sobrenome</p>", login: { required: "<p style='color:#F00'>Por favor digite seu login</p>", minlength: "<p style='color:#F00'>Seu login deve ter no minimo cinco caracteres</p>" }, senha: { required: "<p style='color:#F00'>Por favor digite uma senha</p>", minlength: "<p style='color:#F00'>Sua senha deve ter no minimo cinco caracteres</p>" }, csenha: { required: "<p style='color:#F00'>Por favor re-digite sua senha</p>", minlength: "<p style='color:#F00'>Sua senha deve ter no minimo cinco caracteres</p>", equalTo: "<p style='color:#F00'>Por favor verifique se esta inserida a mesma senha que no campo acima.</p>" }, email: "<p style='color:#F00'>Por favor insira um e-mail valido</p>" } }); //code to hide topic selection, disable for demo var newsletter = $("#newsletter"); // newsletter topics are optional, hide at first var inital = newsletter.is(":checked"); var topics = $("#newsletter_topics")[inital ? "removeClass" : "addClass"]("gray"); var topicInputs = topics.find("input").attr("disabled", !inital); // show when newsletter is checked newsletter.click(function() { topics[this.checked ? "removeClass" : "addClass"]("gray"); topicInputs.attr("disabled", !this.checked); }); }); </script> <script type="text/javascript"> jQuery(function($){ $("#telefone").mask("9999-9999",{placeholder:" "}); //Aqui montamos a máscara que queremos $("#celular").mask("9999-9999",{placeholder:" "}); $("#ddd").mask("99",{placeholder:" "}); $("#ddd2").mask("99",{placeholder:" "}); }); </script> </head> <body> <div id="tudo" align="center"> <?php include "topo.php" ?> <div id="conteudo"><div id="enchespaco"></div> <div id="cadastropg"> <form id='formcadastro' method='post' action='incluir.php?tipoc=1' ><h1>Cadastro de novo usu&aacute;rio</h1><p>Os campos indicados com um * s&atilde;o obrigat&oacute;rios</p> <fieldset class='tituloh4'><h4>Dados Pessoais</h4></fieldset> <fieldset class='cadastron'><label for='Nome'>Nome:*</label> </fieldset> <fieldset class='cadastroi'><input name='nome' id='nome' class="required nome" type='text' size='20' maxlength='15' /></fieldset> <fieldset class='cadastron'><label for='Sobrenome'>Sobrenome:*</label></fieldset> <fieldset class='cadastroi'><input name='sobrenome' id='sobrenome' class="required sobrenome" type='text' size='20' maxlength='30' /></fieldset> <fieldset class='cadastron'><label for='cargo'>Cargo:</label></fieldset> <fieldset class='cadastroi'><input type='text' maxlength='20' size='15' name='cargo' /><label for='empresa'>Empresa:</label> <input type='text' maxlength='30' size='15' name='empresa'/></fieldset> <fieldset class='tituloh4'><h4>Dados para contato</h4></fieldset> <fieldset class='cadastron'><label for='ddd'>DDD:*</label></fieldset> <fieldset class='cadastroi'><input type='text' size='4' maxlength='2' name='ddd' id='ddd'/> <label for='telefone'>Telefone:*</label><input type='text' size='9' maxlength='9' name='telefone' id='telefone' /></fieldset> <fieldset class='cadastron'><label for='ddd2'>DDD:</label></fieldset> <fieldset class='cadastroi'><input type='text' size='4' maxlength='2' name='ddd2' id='ddd2'/> <label for='celular'>Celular:</label><input type='text' size='9' maxlength='9' name='celular' id='celular' /></fieldset> <fieldset class='cadastron'><label for='email'>E-mail:*</label></fieldset> <fieldset class='cadastroi'><input type='text' id='email' class="required email" size='40' maxlength='40' name='email'/></fieldset> <fieldset class='tituloh4'><h4>Dados para acesso</h4></fieldset> <fieldset class='cadastron'><label for='login'>Login:*</label></fieldset> <fieldset class='cadastroi'><input name='login' id='login' class="required login" type='text' size='20' maxlength='10' /></fieldset> <fieldset class='cadastron'><label for='senha'>Senha:*</label></fieldset> <fieldset class='cadastroi'><input name='senha' id='senha' class="required senha" type='password' size='20' maxlength='8' /></fieldset> <fieldset class='cadastron'> <label for='csenha'>Confirme sua senha:*</label></fieldset> <fieldset class='cadastroi'><input name='csenha' id='csenha' class="required csenha" type='password' size='20' maxlength='8' /> </fieldset><p>&nbsp;</p> <fieldset class='cadastrobutton'> <input type='submit' id='confirmar' value='Confirmar' /><input type='reset' id='limpar' value='Limpar' /> </fieldset> </form><p>&nbsp;</p> </div><br class="clearfloat" /></div> <?php include "foot.php" ?></div></body> </html>

well, pelo menos esta funcionando...
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17547
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como enviar por metodo post em javascript ou jquery?

04-11-2009 17:51

Boa :;)
0
A melhor hospedagem para o seu site HostGator!

Quem está online

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