单选按钮所需的 Html5 不会重置答案

【问题标题】：Html 5 required on radio button wil not reset单选按钮所需的 Html5 不会重置
【发布时间】：2017-06-09 00:51:06
【问题描述】：

如果选择了表单重置按钮，为什么单选按钮组重置时不需要 html5。例如，如果您选择其中一个单选按钮然后单击重置表单按钮，它不会重置需要验证的单选按钮组，因此即使表单已重置，您在表单中设置了所需的 html5 单选按钮组。所以基本上你点击提交按钮而不选择任何单选按钮被赋予红色轮廓然后你选择一个并点击重置然后你可以在不选择单选按钮的情况下提交表单？任何有关为什么这样做的帮助将不胜感激。我可能会误解它应该如何工作。简单测试

   <html>
   <form>
   <input type="radio" name="test" required>
   <input type="radio" name="test" required>
   <input type="submit" value="submit">
   <input type="reset" value="cancel">
   </form>
   </html>

【问题讨论】：

如何需要单选按钮？要么勾选，要么不勾选，默认不勾选。
我将它用于一些 jquery 的东西来显示和禁用某些字段我只是无法弄清楚为什么由于@XYZ 所需的不起作用我发现它是浏览器导致问题。我需要在提交表单之前对其进行验证，因为他们需要选择显示表单的某个部分。

标签： html forms

【解决方案1】：

这是因为您为单选按钮使用了相同的名称。如果您提供相同的名称，则只能检查一个单选按钮。因此它通过了验证

示例：单选按钮的不同名称。

<form>
   <input type="radio" name="test" required>
   <input type="radio" name="test2" required>
   <input type="submit" value="submit">
   <input type="reset" value="cancel">
   </form>

示例：单选按钮的名称相同。

<form>
       <input type="radio" name="test" required>
       <input type="radio" name="test" required>
       <input type="submit" value="submit">
       <input type="reset" value="cancel">
</form>

【讨论】：

好的，只是将它从单选按钮组中取出，选择的一个单选按钮不会重置验证？所以现在您单击一个单选按钮并单击重置它不会重置该单选按钮验证？一切都像我想要的那样工作，直到用户选择一个然后尝试重置表单它不会在表单重置后进行另一次检查？
@我没听懂你。你能做个小提琴吗
ok 所以当你运行上面的代码 sn-p 点击提交。点击一个单选按钮然后点击取消然后提交表单它不检查按钮因为它没有给你大纲所以它提交表单。
@Helleos 在第一个 sn-p 或第二个
我需要它来再次检查两个按钮，这样不行吗？

【解决方案2】：

您需要为它们赋予不同的值属性（但名称相同，因此很明显它们是同一个“问题”的两个不同选项，并且只有一个应该是可选的）：

<html>
<form>
    <input type="radio" name="test" value="1" required>1 
    <input type="radio" name="test" value="2" required>2<br>
  <input type="submit" value="submit">
  <input type="reset" value="cancel">
</form>

</html>

【讨论】：

我试过这个。验证不应该重置吗？我还将它设置为选中，但我需要取消选择或选中它们。如果您将其设置为选中，它甚至会检查错误值吗？
我不明白您的评论...“不应该重置验证吗？”...？ “如果您将其设置为选中，它甚至会检查错误值”？
在您的原始示例以及您标记为正确的答案中，无线电输入标签没有任何值，因此这些示例没有任何目的，并且在实际应用中完全无用 - 您无法从他们那里得到输出......
我不需要一个值我在 jquery 中使用按钮，它们有一个用途，只是没有得到一个值，我最终只是用一些 jquery 和 JavaScript 进行了一些验证，谢谢你的回应虽然。我只是想弄清楚为什么 html 5 required 没有在表单重置时重置我只是举了一个简单的例子，我没有在其他浏览器中测试，因为它只是一个浏览器，我们的网络安全阻止所有其他浏览器