如何使用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();
};

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

如何使用js使输入有效？

How to make input valid with js?

javascript

html

css

frontend

required