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

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["myForm"]["input1"]; var y = document.forms["myForm"]["input2"]; if (x.value === "") { alert('plz fill!!'); 返回假； } if(y.value === "") { alert('請填寫！！'); 返回假； 返回真； } function submitForm() { if (testSubmit()) { document.forms["myForm"].submit(); //先提交document.forms["myForm"].reset(); //然后重置表單值 } }

 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>

索引.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 = '';