如何在不使用JavaScript的情况下验证单选按钮？

Question

我已经使用了单选按钮来表示性别，如下所示：

<td><input type="radio" name="gender" value="male" checked required="required"> Male<br>
  <input type="radio" name="gender" value="female"> Female<br>
  <input type="radio" name="gender" value="other"> Other</td>

但是这个“必填”验证不起作用，如何在不使用JavaScript的情况下对其进行验证。

- Smit Saraiya

---

@Fred 因为这里不需要任何验证。这是一个单选按钮，所以只需要将其中一个选项设置为默认值，然后所有操作都可以在没有PHP或其他任何东西的情况下完成所需的操作。简单就是美。 - jwpfox

@Fred-ii，我想要做与文本字段相同的验证，以确保它被选中。如果您知道，请在此处提及。 - Smit Saraiya

@SmitSaraiya，正如Amir Kaftan所指出的那样，不需要进行任何验证。只需将其中一个单选按钮设置为默认选中状态，然后从那时起必须设置其中一个单选按钮。这是非常基本的HTML行为。暂停一下，思考一下，你会发现你正在寻求毫无意义的验证，从而让自己和他人感到困惑。 - jwpfox

好的 Smit，显然我浪费了所有人的时间，包括我自己。我现在会删除所有我的评论。编辑：所有评论都已删除。再编辑：@jwpfox 我已经删除了所有评论。我感到我没有对解决他们的问题做出贡献，显然是这样的。 - Funk Forty Niner

你是在问我如何做到这个吗？ - Funk Forty Niner

Answer 1

Required是一种用于输入控件验证的HTML5属性，您可以在标签末尾添加required属性。如果您想让“性别”单选按钮在页面加载时被选中，默认情况下，您可以添加checked属性。

这将在页面加载时默认选中单选按钮。

<input type="radio" name="gender" value="male" checked required/> Male

这个方案可行，所以我们不需要进行JS验证。

- KickyTrick

Answer 2

你可以这样设置单选按钮的默认值：

<input type="radio" name="gender" value="male" checked="checked" />

如果您使用了框架（如Laravel），则不需要进行验证，因为框架本身会处理它。

- Amir Kaftari

Answer 3

必填属性是HTML5属性，如果您使用的是旧浏览器，则可能不支持它。

http://www.w3schools.com/html/html_form_attributes.asp

此外，你只需写"required"，而不是"required="required""，就像"checked"一样。

- raphael75

---

另外，你只需要写"required"，而不是"required="required""。这是正确且建议的语法，可以参考https://www.w3.org/TR/html5/forms.html。 - Funk Forty Niner

我是根据w3schools网站上的示例前进的。 - raphael75

如果你非常喜欢它们，可以查看http://www.w3schools.com/tags/att_input_required.asp。即：在XHTML中，属性最小化是被禁止的，必须将required属性定义为`<input required="required" />`。看，这是有效的语法。 - Funk Forty Niner

Answer 4

请参考这个文献并自行尝试。

http://www.chennaisunday.com/jsradio.html

- Pardeep