[jQuery] Declaring Rules in ASP.Net

[jQuery] Declaring Rules in ASP.Net


Hey all,
I'm trying to implement validation using the Validation plugin on an
ASP.Net (1.1 :( ) form. I'm having trouble with setting up the
rules, because they require the form element's "name" tag to assign
the rule to, and ASP.Net does some funky stuff with the names (changes
a name="myname" to "myUserControl:myname").
I can get that client side name by calling the name the same as the
ID, and on server side getting the fomrelement.ClientID, then doing a
String.Replace("_", ":").
But now it seems JQuery doesnt like that name because it has a colon
(:) in it. Putting "quotation marks" around it in the rules
declaration doesn't seem to help.
Any ideas how i can get my rules working successfully? My best
solution would be fore the rules to accept a javascript variable
(which contains the actual element name) which i can declare at the
top of my page, and get the ClientID > Client Name values for use
later on. Or alternatively telling Validation plugin to use ID
instaed of Name attribute.
Here's my code:
$().ready(function()
{
$("#Short").validate({
rules: {
"<% = namePostcode %>": {
required: function() {
return $("input[@name=" + <%
=chkLinkAccount.ClientID %> + "]").is(":checked");
                        }
}
         },
         messages: {
             "<% = namePostcode %>": {
                        required: "Please enter your postcode"
             }
         },
         errorPlacement: function(error, element) {
if ( element.is(":checkbox") )
error.appendTo( element.parent());
else
error.appendTo( element.parent() );
}
         });
Whic Generates the following:
$().ready(function()
{
$("#Short").validate({
rules: {
"ucFoxtelAccount:txtPostcode": {
required: function() {
return $("input[@name=" +
ucFoxtelAccount_chkLinkAccount + "]").is(":checked");
                        }
}
         },
         messages: {
             "ucFoxtelAccount:txtPostcode": {
                        required: "Please enter your postcode"
             }
         },
         errorPlacement: function(error, element) {
if ( element.is(":checkbox") )
error.appendTo( element.parent());
else
error.appendTo( element.parent() );
}
         });
And is trying to validate the following form element:
<div class="fieldcontainer">
<div class="fieldlabel"> Accountholder Postcode: </div>
<div class="fieldmandatory">*</div>
<div class="fieldinput postcode">
            <input name="ucFoxtelAccount:txtPostcode" type="text" maxlength="4"
id="ucFoxtelAccount_txtPostcode" class="required numeric textbox
postcode" MinLength="4" />
</div>
</div>
Thanks in advance
Greg