0

Criei um fomulário para cadastrar "Categorias" e "Produtos" no banco de dados, tudo está funcionando corretamente, porém gostaria de que quando eu clicasse no botão Salvar "Submit" ele limpasse os campus inputs depois de salvar no banco.

Ja tentei varias maneiras encontradas tanto neste como em outros fórum, porém a maioria das soluções são via ajax que eu não tenho nenhum conhecimento ainda, se alguém puder me ajudar via PHP + Html desde já agradeço.

Gravacategoria.php:

<?php
$nomecat=$_POST["txtcategoria"];

if(!empty($nomecat)){
    $conn= new PDO("mysql:host=localhost:3306;dbname=loja","root","aula");

    $stmt = $conn->prepare('Insert into loja.categoria(nome)Values(:par_categoria)');
    $dados=array(":par_categoria"=>$nomecat);

    $result = $stmt->execute($dados);

    if($result){
        $mensagem = "Produto inserido com sucesso";
    }
    else{
        $mensagem = "Erro";
    }
    ?>
    <script>
        parent.document.getElementById("msgaqui").innerHTML = "<?php echo $mensagem ?>";
        
        // MINHA ULTIMA TENTATIVA, CHAMANDO A PAGINA DE CADASTRO DE NOVO, POREM TAMB EM NAO FUNCIONOU, OS CAMPOS CONTINUAM PREENCHIDO
        header("Location: pgcadpro.php");
    </script>
    <?php    
    }
    ?>

Cadastro.php:

<form id="form-cat" target="gravar" method="post" action="gravacategoria.php">
<div class="container">
<div class="form-group">
    <label class="col-md-4 control-label" for="txtproduto">Nova Categoria: </label>  
    <div class="col-md-6">
    <input id="txtcategoria" name="txtcategoria" type="text" class="form-control input-md" required="">
    </div>
</div>
<div class="form-group">
  <label class="col-md-4 control-label" for="btnsalvar"></label>
  <div class="col-md-8">
    <button id="btnsalvarcat" name="btnsalvar" type="Submit" class="btn btn-primary">Salvar</button>
    <button type="reset" id="btncancelar" name="btncancelar" class="btn btn-danger">Cancelar</button>
  </div>
  <div class="col-md-4">
  <div  class="alert alert-success" role="alert" id="msgaqui"> </div>
  
  </div>
</div>
</div>
</form>

Obrigado!

9
  • Infelizmente você vai precisar do Javascript para isso, seja com AJAX ou jQuery, apenas com PHP e HTML você não conseguirá fazer, sendo porque o HTML é apenas sua estrutura e não consegue executar " ações " após algum evento e o PHP só interfere no lado do servidor. O Javascript que irá fazer essa funcionalidade do lado do cliente.
    – leozera
    Commented 25/11/2019 às 12:05
  • Acho que a solução do Leo é a mais indicada, contudo você pode tentar "enganar" o navegador, chamando a pagina de cadastro novamente, mas adicionando algum parâmetro na url, atribuindo um valor dinâmico, por exemplo: header('Location: pgcadpro,php?clean=' . time()); Commented 25/11/2019 às 12:10
  • Obrigado amigo, porem preciso entregar hoje e até agora sempre que precisei de uma soluçao para contornar meu problema sem ajax foi aqui que consegui, eu sei que o correto é estudar JavaScript porem como não sei como funciona e nao tenho tempo hoje de aprender, vou torcer para alguem aparecer com uma gambiarra. Obrigado Commented 25/11/2019 às 12:11
  • Não entendi o problema de não poder utilizar o header('Location') ... Quando eu utilizo o header voltando para a página de cadastro, os campos sempre limpam. Commented 25/11/2019 às 12:21
  • Já que sua página de cadastro é o cadastro.php, vc não deveria utilizar o header("Location: cadastro.php") ? Commented 25/11/2019 às 12:24

1 Resposta 1

2

Não precisa fazer redirecionamento, até porque, você está se referindo à sua pergunta anterior onde sugeri usar um iframe para gravar os dados, e a página será redirecionada dentro do iframe oculto, que não irá alterar a página principal.

Neste caso você pode fazer de de duas formas:

Esvaziando o campo:

parent.document.getElementById("txtcategoria").value = '';

Ou resetando o formulário:

parent.document.getElementById("form-cat").reset();

Pode ainda colocar o foco no campo após resetar o form:

parent.document.getElementById("txtcategoria").focus();
6
  • O tenso é que ele falou que não gostaria de utilizar JavaScript. Commented 25/11/2019 às 12:44
  • @ThiaguinhoEmbasamento mas ele já está usando. Dá uma olhada no <script>. Acho que ele se expressou errado quando diz com "apenas com PHP + HTML", e o JavaScript é nativo no navegador.
    – Sam
    Commented 25/11/2019 às 12:47
  • Está certo, Sam. Commented 25/11/2019 às 12:58
  • @Sam Muito obrigado, era isso que eu precisava. Só para eu entender parent.document.getElementById("form-cat").reset(); isso aqui é JavaScript?? Commented 25/11/2019 às 18:55
  • É JavaScript sim.
    – Sam
    Commented 25/11/2019 às 18:58

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .