How to use Jquery.Validate plugin with a iframe?

Question

Hi

I have a Rich Html editor called JhtmlArea and it makes a Iframe over a textarea. I have a validation set on this textarea but since JhtmlArea makes a Iframe it hides the textarea and nothing is every inserted in this.

So my validation will never fire. So how can I validate a iframe with jquery.validate?

http://jhtmlarea.codeplex.com/

Answer 1

Do you want to validate if the user left the textarea blank? I suppose so.

You have two ways to do IMO. I'm speculating that you're going to have a "submit" button, so in this scenarion:

• You could copy each key event that goes into the iframe to the textarea, so clicking the submit button is like you were writing directly in the textarea; (beware of performance)
• Call a method that copies the iframe content to the textarea immediately after you clicked the submit button.

I haven't checked your app source, so I dont know if an iframe is really the best approach.