I've been using the excellent fValidate library to validate my forms and I just came across and intersting problem. I have cause to use htmlArea on one of my forms that uses fValidate. It seems that there is some conflict when both htmlArea and fValidate are working on the same page/form.

I can use one or the other independantly, and each will function without flaw, however when I try to set them up to both act on one of my forms, I get the following:

When I have both htmlArea and fValidate on the same page I seem to get 3 popup errors for each htmlArea dropdown items (in this case, the font and font size selectors):

First box:
------------------------------
ERROR [createSelect]:
Can't find the requested dropdown definition

OK
------------------------------

Second Box:
------------------------------
FIXME: Unknown toolbar item:
function(b, e) {
var a = new Array();
var count =0;
for (var i = b; i < this.length - e; i++) {
a[count++] = this;
}
}

OK
------------------------------

Third Box:
------------------------------
FIXME: Unknown toolbar item:
function() {
var a = new Array();
for (var i=0; i < this.length; i++) {
a.push("" + this + "");
}
return a.toString();
}

OK
------------------------------

After pressing OK on each of those boxes, the page renders normally and the htmlArea textarea doesn't seem to be affected in any way.

Does anybody have any experience using both of these great tools on one form? I'm quite the novice when dealing with javascript, so any help is appreciated! Thanks