如何使用js使输入有效？

Question

我有一个必需的输入：

<input type="text" id="input-id" required>

当用户提交它时，我用 ajax 发送它的值，然后用它清除它 $("#input-id").val("")。
在它输入变得无效之后，但我想让它看起来像它在页面加载后立即执行的那样。我怎么能用js做呢？也许我应该以另一种方式清除输入？

Answer 1

尝试做here写的事情：

document.getElementById(selector).reset();

如果您想重置特定字段，请尝试使用defaultValue：

function reset() {
  field = document.getElementById('field');
  field.value = field.defaultValue;
}

<input id="field" type="text" required>
<button onclick="reset()">reset field</button>

另一种解决方案是在表单中定义一个表单，其中仅包含您要重置的字段，然后重置内部表单。

Answer 2

$(document).ready(function () {
   $("#input-id").val("");
   //If you also want to set innerText:
   var ele = document.getElementById('input-id');
   ele.innerText= $("#input-id").val();
};

一旦文档准备好（页面已加载），输入就会无效。把它放在你认为合适的地方。