Jquery validation form with TinyMCE field who gives no error by empty value

Answer 1

Your code does not work because of the fact that $("#signupForm") refers to a form that does not "contain" the editor but the editor source html lement - your textarea. Tinymce uses a html element like a textarea to get and write the editor contents to, but tinymce like most rte editors creates a contenteditable iframe to edit content.

Validation does not work cause there will be no keyup events on your textarea - those events get fired in the editor iframe (i guess validation will work if you hit the submit button (?) ).

In order to make your code work you will have to write the editorcontents back on keyup and fire/trigger a keyup event on form element (this might not work using some IE browsers).

You may do this using the tinymce setup configuration paramter. Here is an example of what to write in your tinymce init function (configuration):

theme : "advanced",
plugins: "style, paste, wordcount",
...
setup : function(ed){

    ed.onKeyUp.add(function (ed, event) {
            tinymce.triggerSave();
            $("#signupForm#message").trigger({type: 'keyup', ctrlKey: event.ctrlKey, altKey: event.altKey, which: event.keyCode, event:eventObject });
    });
},
...