Question

我正在使用HTML5表单验证，并且在IE11中发现了一个奇怪的问题。该问题不会在Chrome，Firefox，Opera或Edge中出现。

基本上，IE11似乎无法正确执行表单重置。我希望表单重置可以清除所有验证错误，并将表单值重置回其初始值。在下一次提交时，我希望表单重新生效。

在表单重置期间似乎发生的事情是仅重置了值-除非用户更改该字段，否则似乎会保留验证错误状态（甚至成功验证）。

对于我的Web应用程序，我看到的唯一解决方法是重新加载页面，而不是执行表单重置。还有其他想法吗？

工作流程如下：

使用IE11，从必填输入字段中删除文本。
点击提交，获取验证错误。
单击“重置”，输入字段值将返回到初始值。
点击提交，获取验证错误，但该字段已使用初始值填写。

    <!DOCTYPE html>
    <html>
    <head>
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
    </head>
    <body>
      <form id="theForm" name="theForm">
        <input type="text" name="textBox" value="test" required>
        <input type="submit">
        <input type="reset">
      </form>
    </body>
    </html>

Answer 1

我能够提出问题，但不幸的是，没有针对此特定问题的任何解决方案。

您可以尝试使用变通方法，例如先将文本框值设置为空，然后使用JS重置表单。

<!DOCTYPE html>
<html>
<head>
  
<script type="text/javascript">

function resetfrm()
{
document.getElementById("txt1").value='';
document.getElementById("theForm").reset();

alert("clear");
}
</script>
</head>
<body>
  <form id="theForm" name="theForm">
    <input type="text" name="textBox" id="txt1" value="test" required>
    <input type="submit">
    <input type="button" onclick="resetfrm()" value="Reset">
  </form>
</body>
</html>

重置表单后，IE11不重新验证表单

1 个答案: