jQuery在iFrame内验证

Question

假设我想在同一域上使用jQuery验证设置iFrame验证规则(因此没有跨站点冲突)

。

jQuery('form#post').validate({
//Enforce iFrame rules here. 
)};

在iFrame中，我将使用:

<iframe ...>
    <form method = "post" action ="..." class ="media-upload-form" id = "image-form">
    ...
    <input type="submit" name="send" id="send" class="button" value="Insert into Post">
    </form>
</iframe ...>

为了做到这一点

1. 我要在jQuery('?? ').validate里面放什么?

2. 如果在页面内的iFrame上下文之外存在另一个存在于DOM内的提交表单该怎么办?将jQuery()。验证触发器，以及如何指定jQuery。验证在iFrame内工作?

Answer 1

你可以试试这样

JS:

var iframe = document.getElementById('id_description_iframe');
// Get the document within the <iframe>
var iframeDocument = iframe.contentDocument || frame.contentWindow.document;
//now using jQuery
jQuery(iframeDocument.body).find('form#post').validate({
})};