javascript - 重定向 mobirise 电子邮件表单

Question

我正在使用 mobirise 为我的公司创建一个新网站。 mobirise 模板附带使用 formoid 创建的预先设计的电子邮件表单。当用户使用电子邮件表单发送电子邮件时，信息会发送到 formoid，然后 formoid 将信息发送到我的电子邮件地址。电子邮件表单中的所有编码都在幕后进行，因此我实际上无法看到它在做什么。

在我的一个表单上，我需要将页面重定向到另一个页面，用户可以在其中使用另一个脚本将文件上传到我的服务器。我已联系 mobirise，询问他们是否可以告诉我如何在用户单击提交按钮后重定向，但他们说我必须联系 formoid。到目前为止我还没有得到formoid的回复，所以我想我会尝试自己寻找解决方案。

我尝试将 javascript 代码添加到页面上的编码中，但正如我所说，表单的大部分编码都在幕后的某个地方，我无法确切地弄清楚哪个编码正在执行表单的提交操作。

我所希望的是关于如何添加一些额外的 JavaScript 代码的建议，这些代码将监视单击表单中的提交按钮，然后重定向页面。我不确定这是否可能，但我认为如果有人能提供帮助，那就是在这里发布解决方案的人。我对 JavaScript 还很陌生，所以我不知道从哪里开始，我不想花几个小时进行实验，然后因为没有任何效果而感到沮丧。

因此，如果有人可以在这里给我一个想法，我将不胜感激。以下是表单的编码，以防有帮助:

                <div data-form-alert="true">
                    <div hidden="" data-form-alert-success="true" class="alert alert-form alert-success text-xs-center">Thanks for uploading your audio file!</div>
                </div>


                <form action="https://mobirise.com/" method="post" data-form-title="FTP Upload">

                    <input type="hidden" value="NTcF3QgiRzQHgm5xv+UnYlBBGPR27Q6NZwj5EPuecwUNxuL8vndMlaaoM2PpzlkXlNaFBrtr2mU+CfZxfef01mKMpaQkezUMhyWXZgieem0/pt/V/nU0iUetLNqsEpj7" data-form-email="true">

                    <div class="row row-sm-offset">

                        <div class="col-xs-12 col-md-4">
                            <div class="form-group">
                                <label class="form-control-label" for="form1-3o-name">Name<span class="form-asterisk">*</span></label>
                                <input type="text" class="form-control" name="name" required="" data-form-field="Name" id="form1-3o-name">
                            </div>
                        </div>

                        <div class="col-xs-12 col-md-4">
                            <div class="form-group">
                                <label class="form-control-label" for="form1-3o-email">Email<span class="form-asterisk">*</span></label>
                                <input type="email" class="form-control" name="email" required="" data-form-field="Email" id="form1-3o-email">
                            </div>
                        </div>

                        <div class="col-xs-12 col-md-4">
                            <div class="form-group">
                                <label class="form-control-label" for="form1-3o-phone">Phone</label>
                                <input type="tel" class="form-control" name="phone" data-form-field="Phone" id="form1-3o-phone">
                            </div>
                        </div>

                    </div>

                    <div class="form-group">
                        <label class="form-control-label" for="form1-3o-message">One or more files are being uploaded to the WORDsmart server.  </label>
                        <textarea class="form-control" name="message" rows="7" data-form-field="Message" id="form1-3o-message"></textarea>
                    </div>

                    <div><button type="submit" class="btn btn-info">CONTACT US</button></div>

                </form>

Answer 1

在这种情况下，我建议您使用另一种形式。据我所知，如果您对 Mobirise 的表单进行任何更改，表单将无法工作。只需使用另一个表单创建器，并在发布到本地文件夹(Mobirise 的项目)后手动将其实现到 Mobirise 的项目中。

您可以在此处阅读有关发布的教程:https://mobirise.com/help/local-host-369.html