0

我尝试创建一个简单的联系表格，但没有收到任何消息，发出了发布请求。我对 Modx 很陌生。

我尝试了什么：

链接 1

链接 2

我创建了 2 个块（emailChunkTpl 和 MyEmailChunk），在我的模板中我调用了 [[$MyEmailChunk]]。显然我做错了什么，但我不确定是什么。代码类似于示例中的代码，但有一些更改，例如我的电子邮件。

[[!FormIt?
   &hooks=`email,FormItSaveForm `
   &emailTpl=`emailChunkTpl`
   &emailTo=`myEmail@gmail.com`
   &emailUseFieldForSubject=`1`
]]      

                    <form action="[[~[[*id]]]]" method="post" class="contactForm">
                        <div class="row input-section-child">
                            <div class="col input-contact">
                                <input value="[[!+fi.input-name]]"class="input-name" name="input-name" id="input-name" type="text" placeholder="your name" />
                                <input value="[[!+fi.input-email]]" class="input-email" name="input-email" id="input-email" type="text" placeholder="email address" />
                            </div>
                            <div class="col input-contact-text">
                                <input value="[[!+fi.input-textare]]"class="input-textare" name="input-textare"  id="input-textare" type="textare" placeholder="message" />
                            </div>
                        </div>
                            <div class="row second-row">
                                <div class="col checkbox">  
                                    <input value="[[!+fi.input-checkbox]]" class="input-checkbox" name="input-checkbox" id="input-checkbox" type="checkbox" ><span class="input-checkbox-span">I agree to the Privacy policy.</span>
                                </div>
                                <div class="col">
                                    <button type="submit" class="send-button">SEND</button>
                                </div>
                            </div>
                            <a href="#intro" class="back-to-top"><img src="images\arrow-back.svg" /><span>Back to top</span>
                        </div>
                    </from>
4

1 回答 1

2

你应该从清理你的标记开始，它不是有效的 HTML。您的结束表单标记（/from）中有一个错字，一个额外的结束 div 标记，据我所知，没有textare的输入类型，并且您在某些类周围缺少空格。您可以在此处验证 HTML：https ://validator.w3.org/

您可以进行测试以确保您的网站设置正确以发送电子邮件。有一个名为 QuickEmail 的片段，从 MODX 管理器的附加选项卡下载它。

一旦您确定您的站点可以发送电子邮件，然后从简化版的 Formit 调用开始——移除除电子邮件之外的所有钩子并使其首先使用它。然后一次添加一个钩子。

于 2020-01-31T20:12:42.853 回答