Jquery是否显示表取决于选择的单选按钮

我有一张有三个单选按钮的表格。当选择其中一个单选按钮时，表格上会显示另一个表格。 验证未正确更新。它应该只显示所显示表的验证。如果未显示付款表，我不想验证字段

<script type="text/javascript">

$(document).ready(function() {
    $('input[name="group1"]').change(function(){
        if ($(this).val() == "charge")
        {
            $('#charge').css('display', 'inline');
        }
        else
        {
            $('#charge').css('display', 'none');
        }
    });
});*/
</script> 


<form name="contact_form" method="post" action="">

    <table border="0">
        <tr>
            <td style="width: 100px" >First Name *:</td>
            <td colspan="2"><input id="fname" name="fname" type="text" size="30" /></td>
        </tr>


        <tr>
            <td>Select An Option:</td>
            <td>
                <div >
                    <!--select id="selection" name="selection" size="1" onchange="display(this,'charge');" style="width: 260px;"/-->
<!--                    <input id="selection" name="selection" size="1" style="width: 216px"/>--> 
<!--                        <option value="" selected="selected"></option> -->
                        <input id="selection" type="radio" name="group1"  value="charge" >Please register me for the event & sign me up for the special-priced demo kit of CDN$269  *Special pricing only available until October 23rd.</option></br>
                        <input id="selection" type="radio" name="group1" value="Already Own Devices">Please simply register me for the event, as I already own a UCM6100 series IP PBX & Grandstream IP phone and will be brining both of them to the training.</option><br/>    
                        <input id="selection" type="radio" name="group1" value="Purchase Demo Kit On-Site" >Please simply register me for the event, and I will purchase the demo kit on-site, for CDN$309  </option><br/>  
<!--                    </select> -->
                </div>
            </td>
        </tr>
    </table>

    <table id="charge" style="display:none;" border="0">
        <tr>
            <td style="padding-top:1em; padding-bottom:1em;" colspan="2"><strong>Billing Info</strong>(**If you wish to buy the UCM6102 IP PBX Appliance and GXP1405 IP Phone that 
                                              you will use during the workshop, submit your credit card information below)
            </td>
        </tr>

        <tr>
            <td>Credit Card Type:</td>
            <td>
                <div>
                    <select id="cctype" name="cctype" style="width: 216px" size="1"> 
                        <option value="" selected="selected"></option>
                        <option value="visa" >Visa</option>
                        <option value="master" >Mastercard</option>
                        <option value="discover" >Discover</option>
                        <option value="amex" >American Express</option>
                    </select>
                </div>
            </td>
        </tr>

        <tr>
            <td>Credit Card Number:</td>
            <td colspan="2"><input id="ccnumber" name="ccnumber" type="text" style="width: 211px" size="19" /></td>
        </tr>

        <tr>
            <td>CC Exp Date(MM/YYYY):</td>
            <td colspan="2"><input id="ccdate" name="ccdate" type="text" style="width: 211px" size="10" /></td>
        </tr>

        <tr>
            <td>Name as appeared <br/> on Credit Card *:</td>
            <td colspan="2"><input id="ccname" name="ccname" type="text" size="30" /></td>
        </tr>

        <tr>
            <td>Billing Address *:</td>
            <td colspan="2"><input id="billadd" name="billadd" type="text" size="30" /></td>
        </tr>

        <tr>
            <td>City *:</td>
            <td colspan="2"><input id="billcity" name="billcity" type="text" size="30" /></td>
        </tr>

        <tr>
            <td>State *:</td>
            <td colspan="2"><input id="billstate" name="billstate" type="text" style="width: 211px" size="12" /></td>
        </tr>

        <tr>
            <td>Zip *:</td>
            <td colspan="2"><input id="billzip" name="billzip" type="text" style="width: 211px" size="10" /></td>
        </tr>

        <tr>
            <td style="padding-top:1em" colspan="2">
                <input id="Checkbox1" type="checkbox" />By checking this box, Gentek Marketing Inc. 
                is permitted to charge my credit card CND$299 to cover my registration for the 
                UCM6100 series IP PBX Workshop at Toronto.<br />
            <td>
        </tr>
    </table>

    <table>
        <tr>
            <td align="left"><input type="reset" name="reset" value="Reset"/></td>
            <td style="width: 271px"></td>
            <td align="right"><input type="submit" name="Submit" value="Submit" id="btn-submit"></td>
        </tr>
    </table>
</form>
<?php  } 
    else { ?>
        <form name="contact_form" method="post" action="">
    <table border="0">
        <tr>
        <td><br/> </td>
        </tr>
        <tr>
            <td><span class="full">Registration Closed</span></td>
        </tr>
    </table>
</form> 
<?php  } ?>
<div id="errors"></div>

<script type="text/javascript">
    $('#btn-submit').click(function() {
        $('.error').hide();

        var hasError = false;
        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
        var datePattern = /^((0[1-9])|(1[0-2]))\/((20[1-4][0-9]))$/;


    //validate name
    if (($("#fname").val() == '') || ($("#lname").val() == '')) {
      $("#errors").after('<span class="error">Please enter your full name.</span>');
      hasError = true;
    }

    //validate email
    var emailaddressVal = $("#mail").val();
    if(emailaddressVal == '') {
      $("#errors").after('<span class="error">Please enter your email address.</span>');
      hasError = true;
    }
    else if(!emailReg.test(emailaddressVal)) {
      $("#errors").after('<span class="error">Enter a valid email address.</span>');
      hasError = true;
    }

    //validate phone number
    if ($("#phone").val() == '') {
      $("#errors").after('<span class="error">Please enter your phone number.</span>');
      hasError = true;
    }

    //validate session
    if (($("#session").val() == '') || ($("#iama").val() == 'Please Select a Session')) {
      $("#errors").after('<span class="error">Please select a session.</span>');
      hasError = true;
    }

    //validate I ama
    if ( ($("#iama").val() == '') ) {
      $("#errors").after('<span class="error">Please select a type.</span>');
      hasError = true;
    }

    if ( ($("#selection").val() == '') ) {
        $("#errors").after('<span class="error">Please select an option.</span>');
        hasError = true;
     }

    if ( ($("#selection").val() == 'charge') ) {
        //validate cctype
        if ( ($("#cctype").val() == '') ) {
          $("#errors").after('<span class="error">Please select a credit card type.</span>');
          hasError = true;
        }

        //validate ccnumber
        if ( ($("#ccnumber").val() == '') ) {
          $("#errors").after('<span class="error">Please enter a credit card number.</span>');
          hasError = true;
        }
        var emailaddressVal = $("#mail").val();
        if(emailaddressVal == '') {
          $("#errors").after('<span class="error">Please enter your email address.</span>');
          hasError = true;
        }
        else if(!emailReg.test(emailaddressVal)) {
          $("#errors").after('<span class="error">Enter a valid email address.</span>');
          hasError = true;
        }
        //validate ccdate
        var ccdate = $("#ccdate").val();
        if ( ccdate == '') {
          $("#errors").after('<span class="error">Please enter a date</span>');
          hasError = true;
        }
        else if(!datePattern.test(ccdate)) {
            $("#errors").after('<span class="error">Enter a valid date.</span>');
            hasError = true;
          }

        //validate ccname
        if ( ($("#ccname").val() == '') ) {
          $("#errors").after('<span class="error">Please enter a name</span>');
          hasError = true;
        }

        //validate billadd
        if ( ($("#billadd").val() == '') ) {
          $("#errors").after('<span class="error">Please enter a billing address</span>');
          hasError = true;
        }

        //validate billcity
        if ( ($("#billcity").val() == '') ) {
          $("#errors").after('<span class="error">Please enter a billing city</span>');
          hasError = true;
        }

       // validate billstate
        if ( ($("#billstate").val() == '') ) {
          $("#errors").after('<span class="error">Please enter a billing state</span>');
          hasError = true;
        }

        //validate billzip
        if ( ($("#billzip").val() == '') ) {
          $("#errors").after('<span class="error">Please enter a billing zip</span>');
          hasError = true;
        }

        //validate Checkbox1
        if ( $("#Checkbox1").attr('checked') == false ) {
          $("#errors").after('<span class="error">You must agree to the terms and conditions.</span>');
          hasError = true;
        }
        if(hasError == true) { return false; }
    }

    if(hasError == true) { return false; }

    });


</script>

$（文档）.ready（函数（）{
$（'input[name=“group1”]”）。更改（函数（）{
如果（$（this.val（）=“费用”）
{
$（'费用'）.css（'显示'，'内联'）；
}
其他的
{
$（'收费'）.css（'显示'，'无'）；
}
});
});*/
姓名*：
选择一个选项：
请为我注册参加本次活动，并为我注册特殊定价的演示套件CDN$269*特殊定价仅在10月23日前提供

请为我注册参加本次活动，因为我已经拥有一部UCM6100系列IP PBX和Grandstream IP电话，并将带他们参加培训。

请为我注册参加活动，我将现场购买演示套件，价格为309加元

计费信息（**如果您想购买UCM6102 IP PBX设备和GXP1405 IP电话
您将在研讨会期间使用，请在下面提交您的信用卡信息）
信用卡类型：
签证
万事达卡
发现
美国运通
信用卡号码：
抄送日期（年月日）：
信用卡上显示的姓名*：
帐单地址*：
城市*：
州*：
邮政编码*：
通过选中此框，Gentek Marketing Inc。
允许我用信用卡支付299加元，以支付我的注册费用
多伦多UCM6100系列IP PBX研讨会。



注册截止
$（“#btn提交”）。单击（函数（）{
$（'.error'）.hide（）；
var hasError=false；
var emailReg=/^（[\w-\.]+@（[\w-]+\.）+[\w-]{2,4}）？$/；
var datePattern=/^（（0[1-9]）|（1[0-2]）\/（（20[1-4][0-9]））$/；
//验证名称
如果（$（“#fname”）.val（）=''）|（$（“#fname”）.val（）=''）{
$（“#错误”）。之后（'请输入您的全名'）；
hasrerror=true；
}
//验证电子邮件
var emailaddressVal=$（“#mail”）.val（）；
如果（emailaddressVal==''）{
$（“#错误”）。之后（'请输入您的电子邮件地址'）；
hasrerror=true；
}
如果（！emailReg.test（emailaddressVal））{
$（“#错误”）。之后（'输入有效的电子邮件地址'）；
hasrerror=true；
}
//验证电话号码
如果（$（“#电话”）.val（）=''）{
$（“#错误”）。之后（'请输入您的电话号码'）；
hasrerror=true；
}
//验证会话
如果（$（“#会话”）.val（）=''）|（$（“#iama”）.val（）=='请选择一个会话'））{
$（“#错误”）。之后（'请选择一个会话'）；
hasrerror=true；
}
//阿玛
如果（$（“#iama”）.val（）=''）{
$（“#错误”）。之后（'请选择类型'）；
hasrerror=true；
}
如果（$（“#选择”）.val（）=''）{
$（“#错误”）。之后（'请选择一个选项'）；
hasrerror=true；
}
如果（$（“#选择”）.val（）=='charge'））{
//验证cctype
if（$（“#cctype”）.val（）=''）{
$（“#错误”）。之后（'请选择信用卡类型'）；
hasrerror=true；
}
//验证ccnumber
如果（$（“#ccnumber”）.val（）=''）{
$（“#错误”）。之后（'请输入信用卡号'）；
hasrerror=true；
}
var emailaddressVal=$（“#mail”）.val（）；
如果（emailaddressVal==''）{
$（“#错误”）。之后（'请输入您的电子邮件地址'）；
hasrerror=true；
}
如果（！emailReg.test（emailaddressVal））{
$（“#错误”）。之后（'输入有效的电子邮件地址'）；
hasrerror=true；
}
//验证ccdate
var ccdate=$（“#ccdate”）.val（）；
如果（ccdate=''）{
$（“#错误”）。在（'请输入日期'）之后；
hasrerror=true；
}
如果（！datePattern.test（ccdate））则为else{
$（“#错误”）。之后（'输入有效日期'）；
hasrerror=true；
}
//验证ccname
如果（$（“#ccname”）.val（）=''）{
$（“#错误”）。在（'请输入名称'）之后；
hasrerror=true；
}
//验证账单添加
如果（$（“#billadd”）.val（）=''）{
$（“#错误”）。在（'请输入帐单地址'）之后；
hasrerror=true；
}
//验证billcity
如果（$（“#billcity”）.val（）=''）{
$（“#错误”）。之后（'请输入计费城市'）；
hasrerror=true；
}
//验证billstate
如果（$（“#billstate”）.val（）=''）{
$（“#错误”）。之后（'请输入帐单状态'）；
hasrerror=true；
}
//验证billzip
如果（$（“#billzip”）.val（）=''）{
$（“#错误”）。之后（'Ple
if ( ($("#selection").attr('checked') == false ) ) {
    $("#errors").after('<span class="error">Please select an option.</span>');
    hasError = true;
 }

if ( ($("#selection").attr('checked') == true ) ) {
    //validate cctype
    if ( ($("#cctype").val() == '') ) {
      $("#errors").after('<span class="error">Please select a credit card type.</span>');
      hasError = true;
    }

$(document).ready(function() {
$('input[name="group1"]').change(function(){
    if ($(this).val() == "charge")
    {
        $('#charge').css('display', 'inline');
    }
    else
    {
        $('#charge').css('display', 'none');
    }
});
});

$(document).ready(function() { 
    $('#charge').hide();
}