无法通过javascript模拟单击submit按钮

Question

我在模拟通过javascript点击mailchimp弹出订阅表单时遇到了问题，我需要您的帮助。

    <!-- Title & Description - Holds HTML from CK editor -->
    <div class="content__titleDescription" data-dojo-attach-point="descriptionContainer"><strong>Unlock the content </strong>by subscribing to our page.</div>

    <!-- Form Fields -->
    <form action="//mc.us7.list-manage.com/subscribe/form-post?u=bcd9828fa83ea7a231ffbee26&amp;id=1928481ac4" accept-charset="UTF-8" method="post" enctype="multipart/form-data" data-dojo-attach-point="formNode" novalidate="">
        <div class="content__formFields" data-dojo-attach-point="formFieldsContainer">
            <div class="field-wrapper" id="uniqName_3_0" widgetid="uniqName_3_0">
                <label for="mc-EMAIL">Email Address</label>
                <input type="text" name="EMAIL" value="" id="mc-EMAIL" class="invalid">
                <div class="invalid-error" style="display: block;">This field is required.</div>
            </div>
            <div class="field-wrapper" id="uniqName_3_1" widgetid="uniqName_3_1">
                <label for="mc-FNAME">First Name</label>
                <input type="text" name="FNAME" value="" id="mc-FNAME" class="valid">
                <div class="invalid-error" style="display: none;"></div>
            </div>
            <div style="position:absolute;left:-5000px;">
                <input type="text" name="b_bcd9828fa83ea7a231ffbee26_1928481ac4" tabindex="-1" value="">
            </div>
        </div>
        <div class="content__button">
            <input class="button" type="submit" value="Subscribe" data-dojo-attach-point="submitButton">
        </div>
    </form>

    <!-- Footer - Holds HTML from CK editor -->
    <div class="content__footer" data-dojo-attach-point="footerContainer"></div>
</div>
<div class="modalContent__image" data-dojo-attach-point="formImageContainer"></div>

我试图针对的代码是：

    <input class="button" type="submit" value="Subscribe" data-dojo-attach-point="submitButton">

这是提交按钮“订阅”，您也可以在其中看到

Abricot.html

谢谢!

Answer 1

那个按钮在一个iframe里面。要从父页面访问它，您可以这样触发它：

$('iframe').contents().find('input:submit').click()

Answer 2

将id="btn"属性设置为提交按钮，并使用jQuery可以通过$("#btn").click();调用触发单击

Answer 3

这个怎么样？我觉得应该做你想要做的事？

<input id="submit-button" class="button" type="submit" value="Subscribe" data-dojo-attach-point="submitButton">

JS

$('#submit-button').on('click', function(e){

    e.preventDefault();
    // Do what you want to do
});