[jQuery] Piggybacking / Multiple .blur() events

[jQuery] Piggybacking / Multiple .blur() events

Is there a recommended way to assign multiple functions to an event
[.blur()]? Or, better yet; if an element is already assigned a onBlur
event, can calling jQ's .blur() on the element again preserve the
previous functions & append the defined ones?
I am trying to use AJAX for real time server validation of form fields
(attaching validation to the .blur() event of form inputs), as well as
the IE "hoverAnything" hack to work around IE's inadaquate CSS selector
support. Here's my CSS hack (which changes the background color of form
inputs if they have focus)
---[CSS]---
form.cssForm input:focus,
form.cssForm textarea:focus,
form.cssForm select:focus,
form.cssForm .focus {
background: #FFECBF;
}
form.cssForm input,
form.cssForm select,
form.cssForm textarea {
background: #FFF7E6;
/* hack for IE <= 6 */
_background-position: expression(
this.onfocus = new Function("this.className += ' focus';"),
this.onblur = new Function("this.className =
this.className.replace('focus', '');")
);
}
I realize I could hard code the onBlur/onFocus class changes in the AJAX
validation code, although wanted my form CSS to be distributable,
unchanged, and clear.
Thanks,
~ Brice
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/