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!