成功提交后清除表单字段 [英] Clear form fields after a successful submit

问题描述

 < form class =contactaction =method = POST > 
< label> Name：< / label>< input type =textname =namevalue =< ;? echo $ name;？>/> 
< p class =middle>< label>评论：< / label>< textarea name =message>< / textarea>< ;? echo $ message; ？>< / p为H. 
< label class =captcha>< img src =captcha.phpstyle =line-height：30px;>< / label>< input type =textname = 代码/> 
< input type =submitclass =csubmitvalue =Now！ NAME = 得到/> 
< / form> 
  

这是php代码：

 <？php 
 if（isset（$ _ POST ['get']））{
 $ error =; 
 if（！empty（$ _ POST ['name']））{
 $ name = $ _POST ['name']; 
 
} else {
 $ error。=no name。< br />; 
 
 
 $ b if（！empty（$ _ POST ['message']））{
 $ message = $ _POST ['message']; 
} else {
 $ error。=no message< br />; （$ _ POST ['code']）== $ _SESSION ['code']）{
 $ code = $ _POST ['code']; 
 
 
 if 
} else {
 $ error。=错误的验证码< br />; 
} 
 if（！empty（$ error））{
 echo'< p class =error>错误：< br />'。 $错误。 < / p为H.; 
} elseif（！empty（$ success））{
 echo $ success; 
 
 
 if（empty（$ error））{
 $ message = mysql_real_escape_string（$ message）; 
 $ name = mysql_real_escape_string（$ name）; 
 $ id = mysql_real_escape_string（$ _ GET ['id']）; 
 $ date = date（Y-m-d H：i：s）; 
 mysql_query（INSERT INTO comments（id，name，comment，time，approved）VALUES（'$ id'，'$ name'，'$ message'，'$ date'，'0'））; 
回声谢谢; 
} 
} 
？> 
  

正如您所看到的，我用户$ message和$ name在提交错误验证码后保留信息，但问题是我想在提交正确信息后清除这些字段。您可以告诉我如何在成功提交后清除表单字段？

您可以在您的.reset（）方法上使用.reset（）

  $（＃form）[0] .reset（）; 
  

您也可以使用Javascript来追踪它

<$ 。p $ p> 的document.getElementById（ '形式'）复位（）;


或者，如果成功，将用户重定向到您的联系页面：

  header（Location：contact.php）; //重定向回您的联系表格
 exit; 
  

编辑

 < input type =submitclass =csubmitvalue =Now！ name =getonClick =clearform（）; /> 
 
函数clearform（）
 {
 document.getElementById（name）。value =; //不要忘记设置文本框ID 
 document.getElementById（message）。value =; //不要忘记设置文本框ID 
 document.getElementById（code）。value =; //不要忘记设置文本框ID 
} 
  

另外使用：

  required =required
  

，所以人们需要填写输入字段：）

顺便说一下，这是首选方法。如果您将用户保留在通过POST方法访问的页面中，如果他刷新页面，表单将再次提交。

well im working on a small html form.

            <form class="contact" action="" method="POST">
                <label>Name : </label><input type="text" name="name" value="<? echo $name; ?>"/>
                <p class="middle"><label>Comment : </label><textarea name="message"></textarea><? echo $message; ?></p>
                <label class="captcha"><img src="captcha.php" style="line-height: 30px;"></label><input type="text" name="code"/>
                <input type="submit" class="csubmit" value="Now !" name="get"/>
            </form>

and this is the php code:

<?php
    if (isset($_POST['get'])) {
    $error = "";
    if (!empty($_POST['name'])) {
    $name = $_POST['name'];

    } else {
    $error .= "no name. <br />";
    }


    if (!empty($_POST['message'])) {
    $message = $_POST['message'];
    } else {
    $error .= "no message <br />";
    }

    if(($_POST['code']) == $_SESSION['code']) { 
  $code = $_POST['code'];
  } else { 
  $error .= "wrong captcha <br />";    
}
    if (!empty($error)) {
      echo '<p class="error">Error :<br/>' . $error . '</p>';
      } elseif (!empty($success)) {
      echo $success;
      }

    if (empty($error)) {
        $message = mysql_real_escape_string($message);
        $name = mysql_real_escape_string($name);
        $id = mysql_real_escape_string($_GET['id']);
        $date = date("Y-m-d H:i:s");
   mysql_query("INSERT INTO comments(id, name, comment, time,approved)VALUES('$id', '$name', '$message', '$date', '0')");
   echo "thank you";
    }
    }
    ?>

As you can see i user $message and $name to keep informations after a submit with wrong captcha code, but the problem is that i want to clear those fields after a submit with correct informations. Can you please tell me how can i clear form fields after a succesfull submit ?

解决方案

You can use .reset() on your form.

$("#form")[0].reset();

You could follow that with Javascript too

document.getElementById('form').reset();

Or, if successful, redirect the user back to your contact page:

header("Location: contact.php"); // redirect back to your contact form
exit;

EDIT

<input type="submit" class="csubmit" value="Now !" name="get" onClick="clearform();" />

function clearform()
{
    document.getElementById("name").value=""; //don't forget to set the textbox ID
    document.getElementById("message").value=""; //don't forget to set the textbox ID
    document.getElementById("code").value=""; //don't forget to set the textbox ID
}

Also use:

required="required"

so people will be required to fill out the input fields :)

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.

这篇关于成功提交后清除表单字段的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！