Hi,

I have a VF page with a form included on it that I am validating with jquery.  Thanks to some previous posts by @weznolte and @tehnrd I was able to create some pretty slick validation rules, but I am stumped on an issue with a checkbox that seems like it should be relatively straightforward.

What I need to accomplish is simply this - if the checkbox is checked then make a field required.  If the checkbox is not checked, then this field is not required. 

The variable "isdedicated" holds the ID of the checkbox.

The variable "recipFName" holds the ID of the field that needs to be conditionally required based on the checkbox.

The last rule in the first set of code is my (ump-teenth) attempt at making this work. 

It seems that the value of my rule function always returns true, because when the form validates "recipFName" is always required regardless of whether the checkbox is checked or not.

Here is the code to invoke the validate() method and includes the rules.

<script type="text/javascript">
      var j$ = jQuery.noConflict();

      j$(document).ready(function() {
         j$(jq(f)).validate();

         j$(jq(dFName)).rules("add",{
            required: true,
            minlength: 2
         });
        
         j$(jq(dLName)).rules("add",{
            required: true,
            minlength: 2
         });

         j$(jq(dEmail)).rules("add",{
            required: true,
            email: true
         });

         j$(jq(dAddress)).rules("add",{
            required: true,
            minlength: 5
         });

         j$(jq(dCity)).rules("add",{
            required: true,
            minlength: 5
         });

         j$(jq(dState)).rules("add",{
            required: true,
            minlength: 2
         });

         j$(jq(dZip)).rules("add",{
            required: true,
            minlength: 5
         });
        
         j$(jq(dCountry)).rules("add",{
            required: true,
            minlength: 2
         });
        
         j$(jq(dAmount)).rules("add",{
            required: true
         });
            
         j$(jq(rFName)).rules("add",{
            required: function jq() { return
               j$(jq(isDedicated)).is(':checked') == true; 
               }
         });
         
         jQuery.validator.messages.required = "Oops!  This field is required!";
         });
   </script>

And this is the form code.

<apex:form id="donForm">
<script type="text/javascript">
   var dFName = "{!$Component.donorFirstName}";
   var dLName = "{!$Component.donorLastName}";
   var dEmail = "{!$Component.donorEmailAddress}";
   var dAddress = "{!$Component.donorAddressStreet}";
   var dCity = "{!$Component.donorAddressCity}";
   var dState = "{!$Component.donorAddressState}";
   var dZip = "{!$Component.donorAddressZip}";
   var dCountry = "{!$Component.donorAddressCountry}";
   var isDedicated = "{!$Component.isDedicated}";
   var rFName = "{!$Component.recipFName}";                                               
   var dAmount = "{!$Component.donAmount}";
</script>

   <apex:outputLabel for="donorFirstName">First Name</apex:outputLabel>
   <apex:inputText id="donorFirstName" value="{!donorFName}" />
                                                  
   <apex:outputLabel for="donorLastName">Last Name</apex:outputLabel>
   <apex:inputText id="donorLastName" value="{!donorLName}" />
                                                      
   <apex:outputLabel for="acctName">Company Name (optional)</apex:outputLabel>
   <apex:inputText id="biz" value="{!acctName}" />

   <apex:outputLabel for="donorEmailAddress">Email</apex:outputLabel>
   <apex:inputText id="donorEmailAddress" value="{!donorEmail}" />

   <h3>Address Information</h3>

   <apex:outputLabel for="donorAddressStreet">Street Address</apex:outputLabel>
   <apex:inputText id="donorAddressStreet" value="{!donorAddress}" />

   <apex:outputLabel for="donorAddressCity">City</apex:outputLabel>
   <apex:inputText id="donorAddressCity" value="{!donorCity}" />

   <apex:outputLabel for="donorAddressState">State</apex:outputLabel>
   <apex:inputText id="donorAddressState" value="{!donorState}" />

   <apex:outputLabel for="donorAddressZip">Zip</apex:outputLabel>
   <apex:inputText id="donorAddressZip" value="{!donorZip}" />

   <apex:outputLabel for="donorAddressCountry">Country</apex:outputLabel>
   <apex:inputText id="donorAddressCountry" value="{!donorCountry}" />

   <h3>Dedication Info</h3>

   <apex:outputLabel for="isdedicated">Dedicate in the name of a friend   </apex:outputLabel>
   <apex:inputCheckbox id="isDedicated" value="{!isDedicated}"/>

   
   <apex:outputLabel for="recipFName">First Name</apex:outputLabel>
   <apex:inputCheckbox id="recipFName" value="{!recipFName}" />

<--Rest of form code here-->
</apex:form>

<script type="text/javascript">
   function jq(myid) { 
      return '#' + myid.replace(/(:|\.)/g,'\\\\$1');
   }
   var f = '{!$Component.donForm}';
</script>

Any help would be much appreciated!  Thanks.

Clint