JQuery

Gilnet · Abril 30, 2009

Olá,

Estou aprendendo usar o JQuery e percebi um problema na minha página, tenho dois botões um para enviar os dados(botoão submit) e outros para limpar a página(button reset), porém, observei que se eu clicar no botão reset para limpar a página inserir novos dados para o cadastro e clicar no botão enviar(submit), os dados não são gravados no banco. Isso é assim mesmo ou eu fiz algo errado ?????

Segue o código:

HTML:

<!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>ESUTES - ESCOLA SUPERIOR DE TEOLOGIA DO ESPÍRITO SANTO</title>

	<link type="text/css" href="../CSS/Label.css" rel="stylesheet" />
	<link type="text/css" href="../../JS/JQuery-ui-1.7.1/development-bundle/themes/base/ui.all.css" rel="stylesheet" />
	<link type="text/css" href="../../JS/JQuery-ui-1.7.1/development-bundle/demos/demos.css" rel="stylesheet" />

	<script type="text/javascript" src="../../JS/jquery-1.3.2.js"></script>
	<script type="text/javascript" src="../../JS/Plugins/JQuery/jquery.form.js"></script>
	<script type="text/javascript" src="../../JS/JQuery-ui-1.7.1/development-bundle/ui/ui.core.js"></script>
	<script type="text/javascript" src="../../JS/JQuery-ui-1.7.1/development-bundle/ui/ui.tabs.js"></script>

	<script type="text/javascript">
		$(document).ready(function(){ // enviando dados ao banco
		  $("#frmCadMatricula").submit(function(){
			var options ={
				target: "#rFormEnviado",
				url: "iMatricula.php",
				type: "post",
				success: function(resposta){
				  $("#rFormEnviado").text("OK !!!! Enviado com sucesso").show();
				}
			}
			$(this).ajaxSubmit(options);
			return false;
		  });
		});
	</script>

</head>
<body>
	<div><h3>Formulário de matrícula</h3></div>
	<form class="Formulario" id="frmCadMatricula">
		<table>
		  <tr>
			<td class="fonte12Arial">
			  Nome do aluno
			  <br />
			  <select
				  class="select"
				  name="cboAluno"
				  id="cboAluno"
				  style="width:350px">
				  <?php
					  while($LAluno = mssql_fetch_assoc($res))
					  {
						  echo "<option
								  value=\"" . $LAluno['idAluno'] . "\">"
											. $LAluno['Nome']	.
							   "</option>";
					  }
				  ?>
			  </select>
			</td>
			<td> </td>
		  </tr>
		  <tr>
			<td class="fonte12Arial">
			  Curso
			  <br />
			  <select
				 class="select"
				 name=cboCurso
				 id=cboCurso
				 style="width:150px">
				 <?php
					while($LCurso = mssql_fetch_assoc($Curso))
					{
						echo "<option
								value=\"" . $LCurso['idCurso'] . "\">"
										  . $LCurso['Curso']	.
							 "</option>";
					}
				 ?>
			  </select>
			</td>
			<td> </td>
		  </tr>
		  <tr>
			<td class="fonte12Arial">
			  Data matrícula
			  <br />
			  <input
				 class="input"
				 type="text"
				 name="edDataMatricula"
				 id="edDataMatricula"
				 size="20"
				 maxlength="10"
			  />
			</td>
			<td> </td>
		  </tr>
		</table>
		<input
		   type="reset"
		   name="btnNovo"
		   value="Novo"
		   style=
		   "
			  font: Arial;
			  font-size: 12px;
			  font-weight: bold;
			  background-color: #FFFFF;
			  border-style: solid;
			  border-color: #000000;
			  width: 80px
		   "
		/>
		<input
		   type="submit"
		   name="btnGravar"
		   value="Gravar"
		   style=
		   "
			  font: Arial;
			  font-size: 12px;
			  font-weight: bold;
			  background-color: #FFFFF;
			  border-style: solid;
			  border-color: #000000;
			  width: 80px
		   "
		/>
		<table>
		  <tr>
			<td>
			  <div id="rFormEnviado"></div>
			</td>
		  </tr>
		</table>
	</form>
</body>
</html>

PHP:

<?php
	$path = "../initServer.php";
	include($path);
	if($_SERVER["REQUEST_METHOD"] == "POST")
	{
	  $idMatricula = 0;
	  $idAluno = $_POST["cboAluno"];
	  $Nome = "";
	  $idCurso = $_POST["cboCurso"];
	  $DataMatricula = $_POST["edDataMatricula"];
	  $DataCancelamento = "";
	  $DataSuspensao = "";
	  $Opcao = 1;

	  //Define Procedure
		$NomeProcedure = "pMatricula";
	  $Proc = mssql_init($NomeProcedure);

	  //Definindo parâmetros do banco(obs: o nome do parâmetros, tem que ser o mesmo do banco)
	  mssql_bind($Proc, "@Opcao", $Opcao, SQLINT1, false, false, 0);
	  mssql_bind($Proc, "@idMatricula", $idMatricula, SQLINT1, false, false, 0);
	  mssql_bind($Proc, "@idAluno", $idAluno, SQLINT1, false, false, 0);
	  mssql_bind($Proc, "@Nome", $Nome, SQLVARCHAR, false, false, 50);
	  mssql_bind($Proc, "@idCurso", $idCurso, SQLINT1, false, false, 0);
	  mssql_bind($Proc, "@DataMatricula", $DataMatricula, SQLVARCHAR, false, false, 10);
	  mssql_bind($Proc, "@DataCancelamento", $DataCancelamento, SQLVARCHAR, false, false, 10);
	  mssql_bind($Proc, "@DataSuspensao", $DataSuspensao, SQLVARCHAR, false, false, 10);

	  //Execute Procedure
	  mssql_execute($Proc);

	  echo("<h3><a href=../Matricula/CadMatricula.php target=_parent>Nova matrícula</a></h3>");
	}
	else
	{
	  echo "<h4>Atenção !!!!! erro ao gravar os dados no banco. Favor contactar o SUPORTE</h4>";
	  exit;
	}
?>

Alguém ajuda ?????

Obrigado.

cassiano óliver · Maio 1, 2009

$("input[type='reset']").click(
function() {
$("form").resetForm(); // uma função do plugin form
return false;
}
);

tentaí...

Gilnet · Maio 3, 2009

Não funcionou.....

hinom · Maio 3, 2009

qual o motivo de uso do botão reset ?

o reset serve justamente para anular..

Gilnet · Maio 5, 2009

Amigos,

Na verdade o que eu quero, é colocar um botão onde o usuário possa clicar para limpar a página após enviar os dados então, coloquei o reset pensando que resolveria o problema. Alguém indica outra solução ??????

Obrigado.

hinom · Maio 6, 2009

limpar os campos após o envio ?

bastaria não atribuir os valores aos campos, não ?

cassiano óliver · Maio 6, 2009

você ta usando o plugin form da jquery certo?

e você quer limpar o form quando clicar no botão certo?

pois é, o que te passei resolve...

no caso ele reseta, mas se você quer limpar...

troque o resetForm() por clearForm()...

dá uma olhada...

http://malsup.com/jquery/form/#api

Gilnet · Maio 7, 2009

Olá,

Continuo com problema para limpar o formulário após o envio dos dados segui sua dica mas não consegui fazer funcionar veja só como ficou:

<script type="text/javascript">
        $(document).ready(function(){ // enviando dados ao banco
         $("#frmCadAluno").submit(function(){
           var options ={
               target: "#rFormEnviado",
               url: "iAluno.php",
               type: "post",
               success: function(resposta){
                           $("#rFormEnviado").text("OK !!!! Enviado com sucesso").show();
                        }
           }
           $(this).ajaxSubmit(options);
            return false;
         });
        });
      $(document).ready(function(){
        $("#btnNovo".click(function(LimparForm()));
      };

      function LimparForm(){
        $("#frmCadAluno".clearForm());
        return false;
      }
    }
</script>

Agora o código do botão:
<input
     type="button"
     name="btnNovo"
     value="Novo"
/>

Se puder me ajudar fico grato.

Obrigado.

flaviometalvale · Outubro 29, 2009

Joga este código após a função de envio (Sucesso).

$("form").each(function() {
        this.reset();
});

Flávio - www.ifranca.com.br

William Bruno · Outubro 29, 2009

@flavio o post é bem antigo.

Provavelmente o usuário já resolveu a questão, ou abandonou o projeto.

Tenta ajudar nos tópicos mais recentes, que ainda precisam de respostas.

Arquivado

JQuery

Recommended Posts

Gilnet 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

cassiano óliver 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Gilnet 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

hinom 5

Compartilhar este post

Link para o post

Compartilhar em outros sites

Gilnet 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

hinom 5

Compartilhar este post

Link para o post

Compartilhar em outros sites

cassiano óliver 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Gilnet 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

flaviometalvale 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante