1

我正在使用 ExpressionEngine 创建一个联系表单,但是内置的联系表单不支持安全破解器样式的内联错误消息。

是否有任何插件可以改进标准 EE 联系表单、添加内联错误处理或 AJAX 验证等?实施简单联系表格的最佳方式是什么?

由于这是一个简单的联系人到电子邮件表单,我不需要表单插件的全部功能 - 只需一个不错的表单,我可以模板化发送电子邮件。

4

3 回答 3

10

对于客户端验证/错误处理,您看过jQuery Validation 插件吗?这与 EE 的内置联系表格配合得很好。

于 2012-11-01T01:01:15.200 回答
5

Safecracker 非常适合这个,我一直这样做。我什至写了一个小的 EE 扩展,允许我为表单定义 novalidate="novalidate" 属性,因为本机 EE 表单助手不支持 HTML5 属性。

Safecracker 属性扩展(超级简单) https://gist.github.com/2595553

如果您想发送具有强大模板的动态电子邮件(就像大多数人使用联系表单一样),请查看我最新的附加组件 Postmaster。它内置于任何应用程序中,无论是简单的还是复杂的。它确实可以为输入表单(SC 和 CP)添加大量额外功能。

https://objectivehtml.com/articles/postmaster-the-definitive-email-solution-for-expressionengine

我还建议您查看我的验证库。其他 jQuery 验证库还可以,但缺乏对细节的关注。我采取了不同的方向。

我的图书馆: https ://github.com/objectivehtml/HTML5-Form-Validation

我的文档: https ://objectivehtml.com/jquery/html5-form-validation

不幸的是,我没有时间完成文档,但是该库已经开发了 3 年并且坚如磐石。

本质上,只需使用 HTML5 验证属性并使用 JS 来逐步增强体验,因此它可以与 IE、FF 和 Webkit 一起使用。您应该能够使用 CSS 来设置每个“状态”的样式并验证任何条件。我的库提供了所有必要的方法和回调来做任何你真正想做的事情。

于 2012-11-01T14:33:48.060 回答
3

虽然有几十个 JS 验证库,但我们发现 Happy.js 是一个不错且简单的修复程序。

教程在这里 - http://thechangelog.com/post/3028809528/happy-js-form-ishappy-lightweight-extensible-form-valida

于 2012-11-01T13:52:21.073 回答