我在一个正常工作的表单上使用 jquery.validate.js,除了用户可以选择通过支票或信用卡支付的区域。根据选择的选项,将显示一个隐藏的 div。
支票:
<div class="accordionButton">
<label for="Cheque"><input onclick="javascript: $('#li_buttons').show('slow');" type="radio" name="payby" id="cheque" value="Cheque"/>Pay by Cheque</label>
</div>
用信用卡:
<div class="accordionButton">
<label for="Credit Card"><input onclick="javascript: $('#li_buttons').show('slow');" type="radio" name="payby" id="credit" value="Credit Card" />Pay by Credit Card</label>
</div>
仅当单击单选按钮 (id="credit") 时,我才需要验证信用卡。所以我使用类添加了以下内联规则(我只包含了一些代码):
<div class="accordionContent"><label class="description" for="card_name">Cardholder's Name </label>
<li><input id="card_name" name="card_name" class="required #credit:checked" type="text" value="" /></li>
<label class="description" for="free_quarter">Credit Card Type</label>
<li><select "id="card_type" name="card_type" class="required #credit:checked">
<option value="">Select</option>
<option value="visa">Visa</option>
<option value="mastercard">MasterCard</option>
<option value="am_ex">Am Ex</option>
</select></li>
发生了什么困难的是,即使支票已被选为付款方式,它也在验证,因此在没有提供信用卡信息的情况下不会提交..
我究竟做错了什么?
干杯,非常感谢您对此的任何帮助。