如何在iframe中使用Jquery.Validate插件？

我有一個名爲JhtmlArea的Rich Html編輯器，它在一個textarea上生成一個Iframe。我在這個textarea上有一個驗證集，但是由於JhtmlArea使得Iframe隱藏了textarea，並且沒有任何內容插入到這個文本區中。如何在iframe中使用Jquery.Validate插件？

所以我的驗證永遠不會開火。那麼如何使用jquery.validate驗證iframe？

http://jhtmlarea.codeplex.com/

來源

2009-09-24 chobo2

你到底要在一個文本來驗證什麼？ – halocursed 2009-09-24 23:32:08

你想驗證，如果用戶離開textarea的空白？我想是這樣。

您有兩種方法可以做IMO。我猜測，你將有一個「提交」按鈕，所以在這個scenarion：

你可以說進入iframe來textarea的每一個鍵事件進行復制，所以點擊提交按鈕就好你直接寫在textarea上; （注意性能）
調用一個方法，在單擊提交按鈕後立即將iframe內容複製到textarea。

我還沒有檢查過你的應用程序源碼，所以我不知道iframe是否真的是最好的方法。

來源

2009-09-24 23:51:13 GmonC

嗯，我不知道如果iframe是最好的方法，但這些Rich Html編輯器插件似乎使用它們。所以它要麼與iframe一起使用，要麼不使用這些插件。所以你說的提交文件首先複製到文本區域然後sumbit表單？ – chobo2 2009-09-25 05:41:51

是的，這是我認爲這種情況下最好的方法。您還應該使用大塊文本測試此解決方法，以瞭解瀏覽器的行爲方式，查看是否需要「加載」div等。 – GmonC 2009-09-25 15:12:34

嗯，您認爲最多600個字符需要一段時間才能從jhtml複製過來到textarea？ – chobo2 2009-09-25 16:22:48

-1

把另一個隱藏的文本字段中的存在形式

這樣

<input type="text" name="txt_field" id="txt_field" class="validate[required]" value="" style="display:none;"/>

這將是形式的一部分

在這一領域已鏈接到這樣應用驗證iframe

您只需根據iframe中的內容設置其值即可

如果iframe中有一些內容，然後設置隱藏的文本字段的值，如果在iframe中的內容是空白的，然後將其設置爲null

$("#form_id").validationEngine({'custom_error_messages': { 
      '#txt_field': { 
       'required': { 
        'message': "validation message goes here" 
       } 
      } 
    } 
}); 


    $('#form_submit_btn').click(function() { 
      var message = $.trim($("#iframe_id").contents().find("body").text()); 
      if (message != '') { 
       $("#txt_field").val($("#iframe_id").contents().find("body").html()); 
      } 
      else{ 
       $("#txt_field").val(''); 
      } 
    });

來源

2014-01-10 10:46:23 user3152841

jQuery驗證引擎不是他詢問的插件。 – Sparky 2015-09-30 14:49:57

如何在iframe中使用Jquery.Validate插件？

回答

相關問題