TinyMCE與jQuery驗證插件

Question

我正在嘗試將jQuery驗證插件與tinyMce一起使用，但是我遇到了一個小問題。

默認情況下，驗證插件具有以下行為：最初，每個字段都被標記為有效，並且驗證是惰性的，即直到用戶輸入一個值並離開該字段才顯示錯誤。 一旦將一個字段標記為無效，便會對其進行熱切驗證，這意味着將在每個按鍵上進行驗證。

我很難為TinyMCE字段模擬這種行為。 如果我使用onChange方法，則驗證始終集中在焦點上。 如果我使用onKeyDown方法，則即使用戶第一次更改該字段，也將在每個按鍵上進行驗證。

有什么辦法可以結合使用onChange和onKeyDown來模仿jQuery驗證插件的默認行為？ 這是我目前擁有的代碼：

function(ed) {
    ed.onChange.add(function(ed, e) {
        tinyMCE.triggerSave();
        jQuery('#'+ed.id).valid();
    });
}

萬一我沒有意義，您可以在此處閱讀驗證插件的行為。

提前致謝！

Answer 1

我認為您將必須具有有效的狀態變量

像這樣

function(ed) {
    var validState = true;

    ed.onKeyDown.add(function(ed, e) {
        if (validState) {
            return
        }
        else {
            // check if new content is valid
            validState = jQuery('#'+ed.id).valid();
        }
    }

    ed.onChange.add(function(ed, e) {
        validState = jQuery('#'+ed.id).valid();

        if (validState){
            tinyMCE.triggerSave();
        }

    });
}

請注意，這只是一些示例代碼。 我尚未驗證這是否有效