[jQuery] ("validate") - validator.addMethod problems

[mwskuzzy]

Hi All

I am hoping somebody can help me with this. I have two drop down
select boxes (Month, Year) which I use to select a credit card expiry
date. I want to check if the month and year they select is before the
current month and year (to check if credit card has expired). I have
created a custom validation method to do this using the jquery
validation plugin. The code for the addMethod is below:

// add method to validate expiry date
    $.validator.addMethod("expirydate", function(value, element) {
         var result = true;
         var strYear = value;
         var strMonth = $("#fMonth option:selected").val();
         var datNow = new Date();
         var intMonth = datNow.getMonth()+1;
         var intYear = datNow.getFullYear()
         if(strYear.length==2) {
              intYear = "" + intYear
              strYear = intYear.substring(0,2) + strYear
         }
         alert(strYear);
         if (parseInt(strYear) < parseInt(intYear)) { result =
false; }
         if (parseInt(strMonth) < parseInt(intMonth)) { result =
false; }
         // return result
         return this.optional(element) || result==true;
    }, "Card has already expired");

Problem is that my jquery does work at all on the page when I add this
method. The problem is with the following two lines:

 if (parseInt(strYear) < parseInt(intYear)) { result = false; }
 if (parseInt(strMonth) < parseInt(intMonth)) { result = false; }

I cant see anything wrong with this code and cant understand why it
does not work. Here is the html code for the select boxes

<tr>
    <td class="formLabel"><span class="required">*</span>Expiry Date</
td>
    <td class="formField"><select name="fMonth" id="fMonth">
    <option selected="selected" value="">Month</option>
    <option value="01">01</option>
    <option value="02">02</option>
    <option value="03">03</option>
    <option value="04">04</option>
    <option value="05">05</option>
    <option value="06">06</option>
    <option value="07">07</option>
    <option value="08">08</option>
    <option value="09">09</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    </select>
    <select name="fYear" id="fYear">
    <option selected="selected" value="">Year</option>
    <option value="09">2009</option>
    <option value="10">2010</option>
    <option value="11">2011</option>
    </select>
    </td>
  </tr>

The following code is how I implemented the validation:

rules: {
            fYear: {
                required: function() {
                    return $("input[name=rbPaymentType]")
[0].checked==true;
                },
                expirydate
            }
}

If anybody can help I would greatly appreciate it.

Thanks
mwskuzzy