Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何重置内置HTML输入有效性_Javascript_Html - Fatal编程技术网

Javascript 如何重置内置HTML输入有效性

Javascript 如何重置内置HTML输入有效性,javascript,html,Javascript,Html,至少在Firefox中,原生HTML5输入元素有效性,例如必需的文本字段,显示为红色边框,但仅在交互后显示 e、 在下面的例子中,我最初看到两个输入框。如果我在其中一个文件中键入内容,将其删除,然后按Tab键,第一个文件现在会显示为红色,表示该文件无效(因为它是必需的) 使用Javascript,如何将表单重置为原始初始状态,其中不显示红色边框? 我发现唯一可靠的方法是通过或通过重置表单 但是请注意,这将擦除表单中任何和所有字段的值,因此如果需要保留这些值,则需要在重置完成后重新填充它们的值

至少在Firefox中,原生HTML5输入元素有效性,例如
必需的
文本字段,显示为红色边框,但仅在交互后显示

e、 在下面的例子中,我最初看到两个输入框。如果我在其中一个文件中键入内容,将其删除,然后按Tab键,第一个文件现在会显示为红色,表示该文件无效(因为它是必需的)

使用Javascript,如何将表单重置为原始初始状态,其中不显示红色边框?


我发现唯一可靠的方法是通过
或通过重置表单

但是请注意,这将擦除表单中任何和所有字段的值,因此如果需要保留这些值,则需要在重置完成后重新填充它们的值

设置
将起作用,但是随后删除
novalidate
属性将使字段再次显示错误。

非常好,
form.reset()
-但
formElement.reset()
-也是我所需要的。非常感谢