在表单提交前检查字段标记状态，最直接的方法是在表单的 submit 事件中监听，通过遍历表单元素并读取其 setcustomvalidity 设置的自定义错误信息来判断。如果某个字段的 validationmessage 不为空，说明该字段已被标记为无效，此时调用 event.preventdefault() 即可阻止表单提交。
如何获取单个字段的自定义验证消息
要判断一个字段是否被标记，需要访问该字段的 validationMessage 属性。当使用 setCustomValidity('error_msg') 设置错误后，该属性会返回你传入的消息字符串；若未设置或已清空（设为空字符串），则返回空字符串。这允许我们精确知道哪个字段出了问题以及原因是什么。
const form = document.getElementById('myForm');
const input = form.elements['username'];
// 模拟设置标记
input.setCustomValidity('用户名不能为空');
console.log(input.validationMessage); // 输出: "用户名不能为空"
// 清除标记
input.setCustomValidity('');
console.log(input.validationMessage); // 输出: ""
如何在 submit 事件中批量检查所有字段
在实际应用中，通常需要检查整个表单的所有必填或特定字段。可以在 submit 事件处理器中，利用 form.elements 集合遍历所有输入项。对于每个项，检查其 validationMessage 是否为非空字符串。一旦发现任何字段有标记，立即停止遍历并阻止默认行为，同时可以聚焦到第一个出错的字段以提升用户体验。
document.getElementById('myForm').addEventListener('submit', function(event) {
let hasError = false;
const form = event.target;
for (let i = 0; i <h2>基于程序中输入条件触发的具体标记逻辑问题</h2><p>当我们在代码中动态设置标记时，例如根据用户输入的长度来判定，必须确保在每次输入变化时更新或清除标记状态，否则旧的标记可能会残留导致无法提交。上述批量检查逻辑依赖于 <code>validationMessage</code> 的实时状态，因此任何改变字段有效性的操作（如 <code>checkValidity()</code> 或手动 <code>setCustomValidity</code>）都会直接影响提交结果。</p>
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
