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

新生在这里工作，以有助于我将来反思的方式构建我的课堂作业历史；目前，我正在做一个表格作业，这很有效，但我正试图推动它的触摸，以获得最大的经验。我的目标是，如果我单击“重置”按钮，无论我是否单击了“提交”（“继续”）按钮，表单都将被清除。当前，如果在单击提交按钮之前单击清除按钮，则表单数据将被清除。但是，如果我单击了continue（将表单提交给self，表单数据现在位于url中），数据将不清楚

这是我的javascript函数

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

/*JS来清除表单*/
函数myFunction（）{document.getElementById（“myForm”）.reset（）；}

这是代码的全部组成部分：

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

名称：您可能需要使用事件委派

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

您可能需要使用事件委派

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

重置不会清除表单，但会将表单重置为其默认值。如果您使用提交的数据预填充表单输入，则表单将重置为这些数据。如果是这种情况，要清除表单，您需要让Javascript将所有值设置为空。
重置不会清除表单，但会将表单重置为其默认值。如果您使用提交的数据预填充表单输入，则表单将重置为这些数据。如果是这种情况，要清除表单，您需要让Javascript将所有值设置为空。
听起来您希望在处理表单后重定向，以便清除URL

这通常是一个好主意，即使在发布帖子时也是如此，这样刷新页面不会创建新条目

我想你还没有真正处理表单，所以你没有办法显示条目，除非它在URL中，但这是正确的方法。
听起来你想在处理表单后重定向，以便URL是清晰的

这通常是一个好主意，即使在发布帖子时也是如此，这样刷新页面不会创建新条目

我猜您还没有真正处理表单，因此您没有办法显示条目，除非它在URL中，但这是正确的方法。
您忘记在表单添加中添加表单id

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

您忘记在表单添加中添加表单id

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


此处信息不足，运行myFunction是否清除表单？我已将from的整个表单部分添加到上面的问题中。你可以在这里看到一个工作演示：（school.max-o-matic.com/…）你必须向下滚动到我目前正在处理的第五个作业。在单击continue（将用户输入的数据提交到字符串）之后，如果可能的话，我希望能够清除它。我也希望我可以在提交时将页面加载到相同的位置，这样我就不必一直向下滚动。我刚刚知道如何点击，让页面滚动到原来的位置，这样我就不必通过将操作设置为“action=“#a050”）来滚动太多。所以是的。仍在试图找出如何清除用户输入的数据。此处信息不足，运行myFunction是否清除表单？我已将from的整个表单部分添加到上面的问题中。你可以在这里看到一个工作演示：（school.max-o-matic.com/…）你必须向下滚动到我目前正在处理的第五个作业。在单击continue（将用户输入的数据提交到字符串）之后，如果可能的话，我希望能够清除它。我也希望我可以在提交时将页面加载到相同的位置，这样我就不必一直向下滚动。我刚刚知道如何点击，让页面滚动到原来的位置，这样我就不必通过将操作设置为“action=“#a050”）来滚动太多。所以是的。仍在试图找出如何清除用户输入的数据。我想清除用户输入的数据。下面是一个正在运行的表单（）的工作示例。我想我是想把绳子拔下来/清理一下吧？这样，当我将下一个任务放入时，我将有一个干净的测试状态继续（我知道这很奇怪），如果您不希望URL中出现查询字符串，那么将表单作为POST提交。我关于清除表单的回答仍然有效。哦，我想预填充表单可能意味着我在用户填充的属性中填充了html。我将尝试使用POST，看看效果如何。感谢您的指导。我想清除输入的用户数据。下面是一个正在运行的表单（）的工作示例。我想我是想把绳子拔下来/清理一下吧？这样，当我将下一个任务放入时，我将有一个干净的测试状态继续（我知道这很奇怪），如果您不希望URL中出现查询字符串，那么将表单作为POST提交。我关于清除表单的回答仍然有效。哦，我想预填充表单可能意味着我在用户填充的属性中填充了html。我将尝试使用POST，看看效果如何。谢谢你的指导，谢谢。我按照你的建议修改了剧本，但没有如我所希望的那样奏效。我在javascript方面很弱，所以可能没有正确地使用它。什么是
$
？OP没有表示他正在使用jQuery（或任何其他框架）.Nope.不使用jQuery，我不知道jQuery。我有一点php和一些html，我现在可以读javascript。谢谢。我按照你的建议修改了我的脚本，但它没有如我所希望的那样工作。我对javascript很弱，所以我可能没有正确地完成它。什么是
$
？OP没有表示他正在使用jQuery（或任何其他框架）。不使用jQuery，我不知道jQuery。我有一点php和一些html，我现在可以读一些javascript。