Question

学生在这里工作，以一种有助于我未来思考的方式构建我班级作业的历史;目前我正在进行表单分配，但是我试图通过触摸来获得最大的体验。我的目标是，如果我点击“重置”按钮，表单将会清除，无论我是否点击了提交（“继续”）按钮。目前，如果我在单击提交按钮之前单击清除按钮，表单数据将清除。但如果我点击了继续（将表单提交给自己并且表单数据现在位于网址中），则数据将无法清除。

这是我的javascript函数

<script>
/* JS to clear form */
function myFunction() { document.getElementById("myForm").reset(); }
</script>

这是代码的整个表单部分：

<form enctype="multipart/form-data" action="./itc216.php" method="get">
                    Name: &nbsp; &nbsp; &nbsp;<input ="text" name="userName" value="<?php echo $userName; ?>" />
                    <span class="error"><?php echo $errorMessage1; ?></span><br /><br />

                    Amount: &nbsp;<input ="text" name="mealTotal" value="<?php echo $mealTotal; ?>" />
                    <span class="error"><?php echo $errorMessage2; ?></span><br /><br />

                    <input type="checkbox" name="agreement" <?php echo $agreement; ?>  />
                    Do you agreement to the terms and conditions?
                    <span class="error"><?php echo $agreementError; ?></span><br /><br />


                    <input type="submit" name="submit" value="Continue" />  &nbsp;|&nbsp;  <input type="reset" onclick="myFunction()" value="Reset!">
                </form>

Answer 1

重置不会清除表单，但会将表单重置为其默认值。如果您使用提交的数据预填充表单输入，那么表单将重置为。如果是这样的话，要清除表单，您需要让Javascript将所有值设置为空。

Answer 2

您可能需要使用事件委派

$('#clearbutton').on('click', function(){
    $("#myForm").reset();
});

Answer 3

听起来你想在处理表单后重定向，以便URL清晰。

即使在进行POST时，这通常也是一个好主意，因此刷新页面不会创建新条目。

我猜你还没有真正处理这个表单，所以你没有办法显示该条目，除非它在URL中，但这是正确的方法

Answer 4

您忘记在表单add

中添加表单的ID

<form enctype="multipart/form-data" action="./itc216.php" method="get" id="myForm">

JavaScript：点击后提交给自己后清除表单数据

4 个答案: