表单重置后IE11不重新验证表单
表单重置后IE11不重新验证表单
提问于 2018-10-22 14:47:04
我正在使用HTML5表单验证，并在IE11中发现了一个奇怪的问题。这个问题在Chrome、Firefox、Opera或Edge中没有出现。
基本上，IE11似乎没有正确地执行表单重置。我希望表单重置能够清除所有验证错误，并将表单值重新设置为它们的初始值。在下一次提交时，我希望表单能够重新验证。
在表单重置过程中，似乎只有值被重置-验证错误状态(甚至是成功的验证)似乎仍然存在，除非用户更改该字段。
对于我的web应用程序，唯一的解决办法是重新加载页面，而不是执行表单重置。还有其他想法吗？
工作流程如下：
- 使用IE11，从所需的输入字段中删除文本。
- 单击Submit，获取验证错误。
- 单击“重置”，输入字段值返回到初始值。
- 单击Submit，获取验证错误，但字段已使用初始值填充。
<!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>
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-10-23 05:12:39
我能够提出这个问题，但不幸的是，没有任何解决办法可以解决这一具体问题。
您可以尝试使用工作，比如首先将textbox值设置为空，然后使用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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52932096
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号