【问题标题】:Modx Formit simple contact fromModx Formit 简单联系方式
【发布时间】:2020-01-30 07:44:51
【问题描述】:

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

我尝试了什么:

Link 1

Link 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>

【问题讨论】:

    标签: modx formit


    【解决方案1】:

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

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

    一旦您确定您的站点可以发送电子邮件,然后从简化版的 Formit 调用开始 - 删除除电子邮件之外的所有挂钩,并首先使其正常工作。然后一次添加一个钩子。

    【讨论】:

    • 谢谢,我使用 QuickEmail,之后我更改了 SMTP 的设置,使用 gmail 无法正常工作,但使用 mailTrap 就可以了。
    • 现在我正在寻找一种验证方法。在错误消息上我得到重定向,这很烦人,如果我必须重新加载帖子,至少我想滚动到 cotact 表单(底部)。
    • 如果您原来的问题已经解决,请将我的回答标记为解决方案。针对您的验证问题提出一个新问题,或在 MODX 论坛提问:community.modx.com
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-11-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多