如何验证是否使用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=)，但它不起作用。是否有任何简单的方法来“要求”使用cfform验证来选择其中一个按钮？

Answer 1

帮自己一个忙，不要使用cfform进行验证。编写您自己的服务器和客户端验证，但是根据cfinput documentation，如果您向每个单选按钮添加一个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>

Answer 2

这对我来说很管用：

<cfform action="abc.cfm" method="post">
<cfinput type="radio" required="yes" message="pick something" name="x" value="1">radio 1
<cfinput type="radio" required="yes" message="pick something" name="x" value="">radio 2
<input type="submit" />
</cfform>

实际上，您甚至不需要message属性。它仍然会验证。