不能通过javascript模拟点击提交按钮

Can't simulate click on submit button via javascript

本文关键字：提交 按钮 模拟 javascript 不能      更新时间：2023-09-26

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

    <!-- 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">

你也可以在

中看到"订阅"的提交按钮http://www.aspeagro.com/EN_Program_Abricot.html

谢谢!

这个怎么样?我觉得他应该做你想做的事?

<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
});

设置id="btn"属性到您的提交按钮，并使用jQuery，您可以触发点击与$("#btn").click();调用

如果你的目标是提交表单，那么就不要发送click事件，而是使用表单的submit方法:

var form = document.getElementById('uniqName_3_0').parentNode.parentNode;
form.submit();
如果给表单一个id属性，代码当然会更简单:

<form id="myform" ...

然后:

document.getElementById('myform').submit();

该按钮位于iframe内。要从父页面访问它，您可以像这样触发它:

$('iframe').contents().find('input:submit').click()
相关文章：