Clear the form field after successful submission of php form

Question

I am making a simple Form the problem i am facing is when i submit the form values still remains in the field  and I want to clear it after SUCCESSFUL submission  Please help   here is my code for the form     lt label class  w  gt Plan   lt  label gt   lt select autofocus    name  plan  required  required  gt       lt option value    gt Select One lt  option gt       lt option value  FREE Account  gt FREE Account lt  option gt       lt option value  Premium Account Monthly  gt Premium Account Monthly lt  option gt       lt option value  Premium Account Yearly  gt Premium Account Yearly lt  option gt   lt  select gt   lt br gt   lt label class  w  gt First Name   lt  label gt  lt input name  firstname  type  text  placeholder  First Name  required  required  value   lt  php echo   POST  firstname     gt   gt  lt br gt   lt label class  w  gt Last Name   lt  label gt  lt input name  lastname  type  text  placeholder  Last Name  required  required  value   lt  php echo   POST  lastname     gt   gt  lt br gt   lt label class  w  gt E-mail ID   lt  label gt  lt input name  email  type  email  placeholder  Enter Email  required  required  value   lt  php echo   POST  email     gt   gt  lt br gt   lt label class  w  gt Password   lt  label gt  lt input name  password  type  password  placeholder            required  required  value   lt  php echo   POST  password     gt   gt  lt br gt   lt label class  w  gt Re-Enter Password   lt  label gt  lt input name  confirmpassword  type  password  placeholder            required  required  value   lt  php echo   POST  confirmpassword     gt   gt  lt br gt   lt label class  w  gt Street Address 1   lt  label gt  lt input name  strtadd1  type  text  placeholder  street address first  required  required  value   lt  php echo   POST  strtadd1     gt   gt  lt br gt   lt label class  w  gt Street Address 2   lt  label gt  lt input name  strtadd2  type  text  placeholder  street address second   value   lt  php echo   POST  strtadd2     gt   gt  lt br gt   lt label class  w  gt City   lt  label gt  lt input name  city  type  text  placeholder  City  required  required  value   lt  php echo   POST  firstname     gt   gt  lt br gt   lt label class  w  gt Country   lt  label gt  lt select autofocus    id  a1 txtBox1  name  country  required  required  placeholder  select one  value   lt  php echo   POST  country     gt   gt    Any help would be appriciated

User · Answer

The POST data which holds the submitted form data is being echoed in the form, eg:

<input name="firstname" type="text" placeholder="First Name" required="required" 
value="<?php echo $_POST['firstname'];?>"

Either clear the POST data once you have done with the form - ie all inputs were ok and you have actioned whatever your result from a form is.
Or, once you have determined the form is ok and have actioned whatever you action from the form, redirect the user to a new page to say "all done, thanks" etc.

header('Location: thanks.php');
exit();

This stops the POST data being present, it's know as "Post/Redirect/Get":
http://en.wikipedia.org/wiki/Post/Redirect/Get

The Post/Redirect/Get (PRG) method and using another page also ensures that if users click browser refresh, or back button having navigated somewhere else, your form is not submitted again.
This means if your form inserts into a database, or emails someone (etc), without the PRG method the values will (likely) be inserted/emailed every time they click refresh or revisit the page using their history/back button.

User · Answer

After submitting the post you can redirect using inline javascript like below  echo   lt script language  quot javascript quot  gt window location href  quot  quot  lt  script gt                   I use this code all the time to clear form data and reload the current form  The empty href reloads the current page in a reset mode

User · Answer

I have a simple form to submit testimonials  I also was having trouble clearing the form  what I did was after the query is submitted successfully I and before redirecting to another page I cleared the imputs  name      ect  The page submitted and redirected with no errors

User · Answer

Here is the solution for when the for is submitted with the successful message all form fields to get cleared  for that set the values equals to false check the code below   lt  php  result success        result error        full Name error    email error    msg error        full Name    email    msg    phoneNumber        full Name test    email test    msg test          when the form is submitted POST Method and must be clicked on submit button  if    SERVER  REQUEST METHOD       POST   amp  amp  isset   POST  form-submit            full Name     POST  fullName         email     POST  email         phoneNumber     POST  phoneNumber         msg     POST  message           Form Validation for fullname     if  empty  full Name              full Name error    Name is required         else            full Name test   test input  full Name           if   preg match     a-z A-Z        full Name test                  full Name error    Only letters and white spaces are allowed                         Form Validation for email     if  empty  email              email error    Email is required         else            email test   test input  email           if   filter var  email test  FILTER VALIDATE EMAIL                  email error    Invalid Email format                         Form Validation for message     if  empty  msg              msg error    Say atleast Hello          else            msg test   test input  msg             if   full Name error       and  email error       and  msg error                     Here starts PHP Mailer          date default timezone set  Etc UTC               Edit this path if PHPMailer is in a different location          require    PHPMailer PHPMailerAutoload php            mail   new PHPMailer           mail- gt isSMTP              Server Configuration            mail- gt Host    smtp gmail com      Which SMTP server to use           mail- gt Port   587     Which port to use  587 is the default port for TLS security           mail- gt SMTPSecure    tls      Which security method to use  TLS is most secure           mail- gt SMTPAuth   true     Whether you need to login  This is almost always required           mail- gt Username          Your Gmail address           mail- gt Password          Your Gmail login password or App Specific Password            Message Configuration            mail- gt setFrom  email   full Name      Set the sender of the message           mail- gt addAddress         Set the recipient of the message           mail- gt Subject    Contact form submission from your Website      The subject of the message           Message Content - Choose simple text or HTML email            mail- gt isHTML true              Choose to send either a simple text email             mail- gt Body    Name       full Name     lt br gt      PhoneNumber        phoneNumber     lt br gt      Email        email     lt br gt  lt br gt      Message         lt h4 gt      msg     lt  h4 gt       Set a plain text body                 or send an email with HTML             mail- gt msgHTML file get contents  contents html                Optional when using HTML  Set an alternative plain text message for email clients who prefer that             mail- gt AltBody    This is a plain-text message body               Optional  attach a file            mail- gt addAttachment  images phpmailer mini png            if   mail- gt send                   result success    Your message was sent successfully                      Here is the solution for when the for is submitted with the successful message all form fields to get cleared               full Name               full Name   false               email   false               phoneNumber   false               msg   false            else                result error    Something went wrong  Check your Network connection and Please try again                      function test input  data         data   trim  data        data   stripslashes  data        data   htmlspecialchars  data       return  data

User · Answer

You can use  reset   on your form       myform   0  reset

User · Answer

this code will help you  if  insert    POST  name        POST  content

User · Answer

They remain in the fields because you are explicitly telling PHP to fill the form with the submitted data    lt input name  firstname  type  text  placeholder  First Name  required  required   value   lt  php echo   POST  firstname     gt   gt                                           HERE   Just remove this  or if you want a condition to not do so make a if statement to that echo or just cleanup the   POST fields     POST   array       lets pretend nothing was posted   Or  if successful  redirect the user to another page   header  Location  success html    exit     Location header is set  pointless to send HTML  stop the script   Which by the way is the prefered method  If you keep the user in a page that was reached through a POST method  if he refreshes the page the form will be submitted again

User · Answer

I was just trying to fix same error  I finally fixed it  so I will copy to you part of the code  maybe it helps you    lt input type  text  name  usu  id  usu  value   lt  php echo  usu   gt    gt  lt  input gt   lt input type  text  name  pass  id  pass  value   lt  php echo  varpass   gt   gt  lt  input gt      those are the inputs I wanted to clean after pressing my button   And here php code    query   INSERT INTO usuarios  tipo  usuario  password  VALUES      vartipo         usu         varpass                 if   mysqli query  conexion  query                 die  Error      mysqli error  conexion                       else                 usu                      varpass                       result     lt div class  result ok  gt El usuario se ha registrado con   xito   lt div gt                           usu        varpass        those are the lines that cleans the inputs  D

User · Answer

Put the onClick function in the button submit    lt input type  text  id  firstname  gt   lt input type  text  id  lastname  gt   lt input type  submit  value  Submit  onClick  clearform       gt    In the  lt head gt   define the function clearform    and set the textbox value to      function clearform         document getElementById  firstname   value       don t forget to set the textbox id     document getElementById  lastname   value         This way the textbox will be cleared when you click the submit button

User · Answer

This file is PHP   lt html gt       lt  php     if    POST  submit               firstname     POST  firstname             lastname     POST  lastname             email     POST  email             password     POST  password             confirmpassword     POST  confirmpassword             strtadd1     POST  strtadd1             strtadd2     POST  strtadd2             city     POST  city             country     POST  country             success                    Upon Success          if   firstname        amp  amp   lastname        amp  amp   email        amp  amp   password        amp  amp   confirmpassword        amp  amp   strtadd1        amp  amp   strtadd2        amp  amp   city        amp  amp   country                         Change  success variable from an empty string               success    success                   Insert whatever you want to do upon success             else                  Upon Failure              echo   lt p class  error  gt Fill in all fields  lt  p gt                    Set  success variable to an empty string               success                            gt   lt form method  POST  action     gt       lt label class  w  gt Plan   lt  label gt       lt select autofocus    name  plan  required  required  gt           lt option value    gt Select One lt  option gt           lt option value  FREE Account  gt FREE Account lt  option gt           lt option value  Premium Account Monthly  gt Premium Account Monthly lt  option gt           lt option value  Premium Account Yearly  gt Premium Account Yearly lt  option gt       lt  select gt       lt br gt       lt label class  w  gt First Name   lt  label gt  lt input name  firstname  type  text  placeholder  First Name  required  required  value   lt  php if  isset  firstname   amp  amp   success         echo  firstname     gt   gt  lt br gt       lt label class  w  gt Last Name   lt  label gt  lt input name  lastname  type  text  placeholder  Last Name  required  required  value   lt  php if  isset  lastname   amp  amp   success         echo  lastname     gt   gt  lt br gt       lt label class  w  gt E-mail ID   lt  label gt  lt input name  email  type  email   placeholder  Enter Email  required  required  value   lt  php if  isset  email   amp  amp   success         echo  email     gt   gt  lt br gt       lt label class  w  gt Password   lt  label gt  lt input name  password  type  password  placeholder            required  required  value   lt  php if  isset  password   amp  amp   success         echo  password     gt   gt  lt br gt       lt label class  w  gt Re-Enter Password   lt  label gt  lt input name  confirmpassword  type  password  placeholder            required  required  value   lt  php if  isset  confirmpassword   amp  amp   success         echo  confirmpassword     gt   gt  lt br gt       lt label class  w  gt Street Address 1   lt  label gt  lt input name  strtadd1  type  text  placeholder  street address first  required  required  value   lt  php if  isset  strtadd1   amp  amp   success         echo  strtadd1     gt   gt  lt br gt       lt label class  w  gt Street Address 2   lt  label gt  lt input name  strtadd2  type  text  placeholder  street address second   value   lt  php if  isset  strtadd2   amp  amp   success         echo  strtadd2     gt   gt  lt br gt       lt label class  w  gt City   lt  label gt  lt input name  city  type  text  placeholder  City  required  required  value   lt  php if  isset  city   amp  amp   success         echo  city     gt   gt  lt br gt       lt label class  w  gt Country   lt  label gt  lt select autofocus    id  a1 txtBox1  name  country  required  required  placeholder  select one  value   lt  php if  isset  country   amp  amp   success         echo  country     gt   gt       lt input type  submit  name  submit  gt   lt  form gt   lt  html gt    Use value   lt  php if  isset  firstname   amp  amp   success         echo  firstname     gt   You ll then have to create the  success variable--as I did in my example

User · Answer

If you want your form s field clear  you must only add a delay in the onClick event like    lt input name  submit  id  MyButton  type  submit  class  btn-lg  value  ClickMe  onClick  setTimeout  clearform     2000      onClick  setTimeout  clearform     1500       in 1 5 seconds its clear  document getElementById  name   value         lt  lt  lt  lt  lt  lt just correct this document getElementById  telephone   value           lt  lt  lt  lt  lt correct this   By clearform    I mean your clearing-fields function

User · Answer

You can check this also  x000D   x000D   lt form id  form1  method  post  gt   lt label class  w  gt Plan   lt  label gt   lt select autofocus    name  plan  required  required  gt       lt option value    gt Select One lt  option gt       lt option value  FREE Account  gt FREE Account lt  option gt       lt option value  Premium Account Monthly  gt Premium Account Monthly lt  option gt       lt option value  Premium Account Yearly  gt Premium Account Yearly lt  option gt   lt  select gt   lt br gt   lt label class  w  gt First Name   lt  label gt  lt input name  firstname  type  text  placeholder  First Name  required  required   gt  lt br gt   lt label class  w  gt Last Name   lt  label gt  lt input name  lastname  type  text  placeholder  Last Name  required  required   gt  lt br gt   lt label class  w  gt E-mail ID   lt  label gt  lt input name  email  type  email  placeholder  Enter Email  required  required   gt  lt br gt   lt label class  w  gt Password   lt  label gt  lt input name  password  type  password  placeholder            required  required  gt  lt br gt   lt label class  w  gt Re-Enter Password   lt  label gt  lt input name  confirmpassword  type  password  placeholder            required  required  gt  lt br gt   lt label class  w  gt Street Address 1   lt  label gt  lt input name  strtadd1  type  text  placeholder  street address first  required  required  gt  lt br gt   lt label class  w  gt Street Address 2   lt  label gt  lt input name  strtadd2  type  text  placeholder  street address second   gt  lt br gt   lt label class  w  gt City   lt  label gt   lt input name  city  type  text  placeholder  City  required  required  gt  lt br gt   lt label class  w  gt Country   lt  label gt   lt select autofocus id  a1 txtBox1  name  country  required  required  placeholder  select one  gt   lt option gt Select One lt  option gt   lt option gt UK lt  option gt   lt option gt US lt  option gt   lt  select gt   lt br gt   lt br gt   lt input type  reset  value  Submit    gt    lt  form gt  x000D   x000D   x000D

User · Answer

I was facing this similiar problem and did not want to use header   to redirect to another page   Solution    Use   POST   array    to reset the   POST array at the top of the form  along with the code used to process the form   The error or success messages can be conditionally added after the form  Hope this helps

[php] Clear the form field after successful submission of php form

Examples related to php

Examples related to forms