Question

我正在处理一个小的html表单。

            <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>

这是php代码：

<?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";
    }
    }
    ?>

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

Answer 1

您可以在表单上使用.reset（）。

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

您也可以使用Javascript跟随

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

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

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

修改

<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 }

也可以使用：

required="required"

所以人们将被要求填写输入字段：）

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

成功提交后清除表单字段

1 个答案: