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 検証を使用して、このグループの少なくとも 1 つのラジオ ボタンが選択されていることを確認するにはどうすればよいですか? 各ラジオ ボタンに validate="required" を追加しようとしましたが、機能しません。cfform 検証を使用してボタンの 1 つを選択するように「要求」する簡単な方法はありますか?

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>

実際、メッセージ属性さえ必要ありません。それはまだ検証されます。

于 2013-11-26T14:26:34.807 に答える