Javascript 如何使用本机HTML5约束API验证无线组的选择

各国：

验证。 单选按钮不参与约束验证；它们没有要约束的实际价值

但事实并非如此。作为一个组，它们通常需要验证-例如，如果没有默认选中，但用户必须选中其中一个选项才能继续。这是一个通常需要的用户体验，以防止用户在未做出主动选择的情况下提交表单

我发现有一个没有提到验证的方法，但它似乎也没有“willValidate（）”方法。我希望能够在该级别设置

required

属性，我知道这不是一个HTML元素，但如果在JS中完成，理论上可以提供一个本地UX

我想知道如何将所选值复制到一个隐藏字段或文本字段中，并将该字段设置为

required

，但UI可能会令人困惑

我知道我可以使用JS、JQ等，但我还没有找到一个本地方法来验证无线组

有土生土长的方法吗

---

---

更新：使用刚刚在Safari、Chrome和Firefox中测试过的

required

属性，这项功能可以正常工作。我之所以看不到它，是因为submit按钮上有一个

数据关闭

属性，它在看到本机验证提示之前隐藏了表单。MDN文档误导了我，使我认为该字段根本不支持验证，而它更具体地涉及约束API。

只需在一组具有相同

名称

属性的单选按钮中的任何单选按钮上设置

required

。浏览器将强制选择一个单选按钮。您可能还应该在每个单选按钮上设置

required

，以便于阅读。但它也有同样的效果

e、 g

第一个单选按钮


第二个单选按钮

只需在一组具有相同

名称

属性的单选按钮中的任何单选按钮上设置

必需

。浏览器将强制选择一个单选按钮。您可能还应该在每个单选按钮上设置

required

，以便于阅读。但它也有同样的效果

e、 g

第一个单选按钮


第二个单选按钮

在任何单选按钮或所有单选按钮上设置

required

，将根据需要组成单选按钮组。签出w3.org链接

---

在任何单选按钮或所有单选按钮上设置

required

，将根据需要组成单选按钮组。签出w3.org链接

---

是的，这是正确的。我已经试过了，但是由于模式对话框在提交时立即关闭，它没有显示出来，即使表单没有提交。所以MDN文档是错误的，这是复杂代码库的问题。是的，那个页面一定很旧了。事实上，经过反思，MDN页面是正确的，但令人困惑。radio元素不支持约束API。但这并不意味着它不支持“required”属性，也不支持一般的验证。这只意味着它没有willValidate方法。好的，是的，它在收音机上作为属性工作。。。所以收音机的MDN文档是错误的！它确实支持API。也许是的。我打算使用API来打开窗体的模态对话。但我只是做错了。不管怎样，你的答案都是相同的正确答案。是的，这是正确的。我已经试过了，但是由于模式对话框在提交时立即关闭，它没有显示出来，即使表单没有提交。所以MDN文档是错误的，这是复杂代码库的问题。是的，那个页面一定很旧了。事实上，经过反思，MDN页面是正确的，但令人困惑。radio元素不支持约束API。但这并不意味着它不支持“required”属性，也不支持一般的验证。这只意味着它没有willValidate方法。好的，是的，它在收音机上作为属性工作。。。所以收音机的MDN文档是错误的！它确实支持API。也许是的。我打算使用API来打开窗体的模态对话。但我只是做错了。不管怎样，你的答案都是相同的正确答案。严格地说，这不是重复的。虽然我不再关心了，但是由于

required

属性已经解决了我的问题，对于如何在radio元素或父节点列表中使用containt API仍然没有答案。严格来说，这不是重复的。尽管我不再关心，因为

required

属性已经解决了我的问题，但是对于如何将containt API与radio元素或父节点列表一起使用，仍然没有答案。