Modx 表单简单联系来自

Question

我尝试创建一个简单的联系表单，但我没有收到任何消息，已发出 post 请求。我是 Modx 的新手。

我尝试了什么：

我创建了 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>

Answer 1

您应该从清理标记开始，它无效 HTML。你的结束标签有错字(/from)，额外的结束标签div，没有输入类型textare 据我所知，你在一些类周围缺少白色 space。您可以在此处验证 HTML：https://validator.w3.org/

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

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

Modx 表单简单联系来自

Modx Formit simple contact from

modx

formit