如何使用cfform内置验证验证是否选择了单选按钮？

Question

假设我有一个看起来像这样的简单cfform:

<cfform id="fruitForm" method="post" action="">
    <cfinput type="radio" name="fruit" id="fruit_apple" value="Apple" /><label for="fruit_apple">Apple</label><br />
    <cfinput type="radio" name="fruit" id="fruit_orange" value="Orange" /><label for="fruit_orange">Orange</label><br />
    <cfinput type="radio" name="fruit" id="fruit_pear" value="Pear" /><label for="fruit_pear">Pear</label><br />

    <cfinput type="submit" name="submitFruit" id="submitFruit" value="Submit" />
</cfform>

如何使用内置的cfform验证来确保选择此组中的至少一个单选按钮？我尝试在每个单选按钮上添加一个validate ="required"但它不起作用.有没有简单的方法来"要求"使用cfform验证选择其中一个按钮？

Answer 1

帮自己一个忙,不要cfform用于验证.编写自己的服务器和客户端验证,但根据cfinput文档,如果required="true" 向每个单选按钮添加属性,ColdFusion将为您进行客户端验证.

注意:用户可以绕过此验证并仍然提交表单而不检查单选按钮.您还需要进行服务器端验证.

<cfform id="fruitForm" method="post" action="">
  <cfinput type="radio" name="fruit" id="fruit_apple" value="Apple" required="true" /><label for="fruit_apple">Apple</label><br />
  <cfinput type="radio" name="fruit" id="fruit_orange" value="Orange" required="true" /><label for="fruit_orange">Orange</label><br />
  <cfinput type="radio" name="fruit" id="fruit_pear" value="Pear" required="true" /><label for="fruit_pear">Pear</label><br />

  <cfinput type="submit" name="submitFruit" id="submitFruit" value="Submit" />
</cfform>