Ajax iframe觸發點擊提交

Question

你好，StackOverflow。 這次我需要幫個忙。

這是我的Ajax代碼。

$('#contactForm1').submit(function (e) {
    e.preventDefault();
    var email = $('#email').val();
    var frm = this;
    $.ajax({
        type: 'POST',
        dataType: 'JSON',
        url: 'check.php',
        data: {
            email: email
        },
        success: function (data) {
            if (data.status == 'success') {
                frm.submit();
            } else {
                alert('The e-mail address entered is not valid.');
            }
        }
    });
});

這是iFrame代碼：

    <div class="iFrame"><input class="text" id="iframetarget1" type="text" name="email" value="" tabindex="500" onfocus=" if (this.value == '') { this.value = ''; }" onblur="if (this.value == '') { this.value='';} " />
<div class="buttonContainer">
<input name="submit" class="submit" type="submit" value="Submit" tabindex="501" />

所以這就是我希望發生的情況，
1.在Ajax檢查電子郵件並將其提交后，傳遞信息。
2.在iFrame中提交同一封電子郵件，然后提交。

先感謝您 ！

Answer 1

U可以使用$(window.frames[0].document)獲取iframe內容，然后正常進行操作。 如：

$(window.frames[0].document).find('#iframetarget1').val(email);
$(window.frames[0].document).find('.submit').trigger('click');

http://fiddle.jshell.net/du5sazay/1/