如何解决HTML“必需”错误触发太晚了
我有以下(大大简化的)HTML 和 javascript 代码。当我将 numDig
字段留空并单击“保存”按钮时,required
错误显示在输入字段上为时已晚,并且页面重定向。当页面已经在重定向和加载时,会出现 required
错误。
为什么会发生这种情况,有没有办法解决这个问题?目前,我可以在不填写必填字段的情况下提交表单。
我尝试了 button
和 input
,但它们都做同样的事情。当页面已经在重定向时会出现 required
错误。
<script>
function saveSettings(){
//More code here
//and redirect to the previous page
}
</script>
<form>
<div class="space">
<p> Enter the number you like </p>
<input id="numDig" type="number" min="1" max ="6" required>
</div>
<div class="space">
<button type="submit" onclick="saveSettings()">Save</button>
<!--<input type="submit" onclick="saveSettings()" value="Save">-->
</div>
</form>
解决方法
您将功能放在 onsubmit
中以要求正确生效
<form onsubmit="saveSettings()">
<div class="space">
<p> Enter the number you like </p>
<input id="numDig" type="number" min="1" max ="6" required>
</div>
<div class="space">
<input type="submit">Save</button>
</div>
</form>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。