jQuery Validate within iFrame?

Question

Suppose I wanted to setup iFrame validation rules using jQuery Validation on the same domain (so no cross-site conflicts)

e.g.

jQuery('form#post').validate({

//Enforce iFrame rules here. 
)};

Within the iFrame I would have:

<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 ...>

Inorder to do this

1. What would I put within jQuery('???').validate?

2. What if outside the context of the iFrame within the page there is another submit form that exists inside the DOM. Would jQuery().validate trigger that and how can I specify jQuery.validate to work inside the iFrame?

Answer 1

You can try something like this

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({

})};