札幌Web制作のシンクグラフィカ

武者小路まりたさん (2011-07-25 00:30:36) npo-iss.sakura.ne.jp/recruitment/form/index.html

素晴らしいメールフォームをありがとうございます。
大切につかわさせて頂いております。

さて、下記のように、「会費納入方法」をチェックして頂いて、それが「クレジット」利用の場合には
「クレジット情報」の入力を「必須」にしたい場合には、どのようにしたらよろしいのでしょうか。
いろいろ試行錯誤しましたが、Javascriptに関してはど素人なため、成功にはいたっていません。
どうぞ、ご教示のほど、よろしくお願い申し上げます。

<tr class="mfptr">
<th><img src="images/mfp_must.gif" width="30" height="16" alt="必須" class="must" />会費納入方法<span>method</span></th>
<td>
<ul>
<li><label for="credit" id="credit_label" class="mfp"><input type="radio" name="会費納入方法(必須)" id="credit" value="クレジットカード" class="mfp" /> クレジットカード</label></li>
<li><label for="furikomi" id="furikomi_label" class="mfp"><input type="radio" name="会費納入方法(必須)" id="furikomi" value="指定口座振込" class="mfp" /> 指定口座振込</label></li>
</ul>
<div id="errormsg_会費納入方法" class="mfp_err"></div>
<!--radioを配置する場合、CSVのログズレを防ぐために同名のhiddenを配置してください。-->
<input type="hidden" name="会費納入方法(必須)" />
</td></tr>

<tr class="mfptr">
<th>クレジット情報<span>credit</span></th>
<td>※クレジットカードでの納入を選択された方は以下の必要事項のご入力をお願い申し上げます。<BR>
カード会社 <input type="radio" name="カード会社" id="Masters" value="Masters" class="mfp" /> Masters
<input type="radio" name="カード会社" id="JCB" value="JCB" class="mfp" /> JCB<BR>
カード番号 <input type="text" name="カード番号" size="16" class="mfp" /><BR>
カード名義人(半角ローマ字) <input type="text" name="カード名義人" size="26" class="mfp" /><BR>
カード有効期限 西暦<input type="text" name="西暦" size="4" class="mfp" />年
<input type="text" name="月" size="2" class="mfp" />月
</td></tr>