0

假设我有一个简单的 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 验证来选择其中一个按钮？

4

2 回答 2

7

帮自己一个忙，不要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>
于 2013-11-26T14:30:01.283 回答
1

这对我有用：

<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 属性。它仍然会验证。

于 2013-11-26T14:26:34.807 回答