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如何使输入有效？

2 个答案: