Question

我是一名JavaScript新手。我有一个输入文本字段，我希望在按下表单提交按钮后清除它。我该怎么做？

Answer 1

在您的FORM元素中，您需要使用JavaScript函数覆盖onsubmit事件并返回true。

<script type="text/javascript">
    function onFormSubmit ()
    {
        document.myform.someInput.value = "";
        return true; // allow form submission to continue
    }
</script>
<form name="myform" method="post" action="someaction.php" onsubmit="return onFormSubmit()">
<!-- form elements -->
</form>

Answer 2

如果用户按下表单上的提交按钮，数据将被提交到表单的action属性中给出的脚本。这意味着用户导航离开该站点。刷新后（假设表单的动作与源相同），输入字段将为空（假设它首先为空）。

如果您通过javascript提交数据并且没有重新加载页面，请确保在提交数据后执行Nick的代码。

希望这很清楚（虽然我对此表示怀疑，但我的英语有时很糟糕）..

Answer 3

function testSubmit（） { var x = document.forms [＆＃34; myForm＆＃34;] [＆＃34; input1＆＃34;]; var y = document.forms [＆＃34; myForm＆＃34;] [＆＃34; input2＆＃34;]; if（x.value ===＆＃34;＆＃34;） { 提醒（＆＃39; plz fill !!＆＃39;）; 返回false; } if（y.value ===＆＃34;＆＃34;） { 提醒（＆＃39;请填写!!＆＃39;）; 返回false; } 返回true; } 函数submitForm（） { if（testSubmit（）） { document.forms [＆＃34; myForm的＆＃34]。提交（）; //首先提交 document.forms [＆＃34; myForm的＆＃34]。复位（）; //然后重置表单值 } }
    First Name: <input type="text" name="input1"/>
    <br/>
    Last Name: <input type="text" name="input2"/>
    <br/>
    <input type="button" value="Submit" onclick="submitForm()"/>
</form>

Answer 4

index.html中的简单形式

<form id="message-form">
      <label for="name">label</label><br />
      <input type="text" placeholder="message" name="name" /><br />
      <button>submit</button>
    </form>

index.js

const $messageForm = document.getElementById("message-form");
const $messageFormInput = $messageForm.querySelector("input");
const $messageFormButton = $messageForm.querySelector("button");

$messageForm.addEventListener("submit", e => { //listening for submit event
  e.preventDefault();

  $messageFormInput.value = "";}) //value of input will be cleared upon submit

Answer 5

成功提交或更新表单或密码后，您可以输入空值。

CurrentPasswordcontroller.state.confirmPassword ='';

使用JavaScript提交后清除输入字段

5 个答案: