gpt4 book ai didi

javascript - setCustomValidity 的自定义错误避免提交表单

转载 作者:行者123 更新时间:2023-11-28 03:45:02 26 4
gpt4 key购买 nike

我在自定义表单上显示的错误时遇到问题。这是有问题的代码:

<html>
<body>
<form action="/done.html">
<input type="text" id="query" name="query"
required
oninvalid="this.setCustomValidity('What ?')">
<input type="submit">
</form>
</body>
</html>

如果我在输入中输入内容,表单将毫无问题地提交。但是如果我直接按提交,那么即使输入已满,也无法再次提交!

我必须添加 onkeypress="this.setCustomValidity('')"

为什么 setCustomValidity 不会在一段时间后自动清除?有没有没有大量 js 的另一种解决方案?

最佳答案

我看到您的问题是,当您提交没有数据的表单时,它会停止工作,起作用的是使用空字符串执行 setCustomValidity 函数。

基于此,一个解决方案可能是在您的表单上添加一个 onsubmit="setCustomValidity('')",这样它会在您每次提交表单时重新启动。

我不能肯定地告诉你,因为我不知道 setCustomValidity 函数在做什么。所以尝试让我知道它是否有效。

关于javascript - setCustomValidity 的自定义错误避免提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44028907/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com