我正在使用ExpressionEngine创建联系表单,但是内置的联系表单不支持safecracker样式的内联错误消息。
是否有任何插件可以改进标准EE联系表单,添加内联错误处理或AJAX验证等?实施简单联系表格的最佳方式是什么?
由于这是一个简单的电子邮件联系表单,我不需要表单插件的全部功能 - 只是一个很好的表单,我可以模板发送电子邮件。
答案 0 :(得分:10)
对于客户端验证/错误处理,您看过jQuery Validation plugin吗?对于EE的内置联系表单,这可以正常工作。
答案 1 :(得分:5)
Safecracker非常适合这种情况,我一直这样做。我甚至编写了一个EE扩展,允许我为表单定义novalidate =“novalidate”属性,因为本机EE表单助手不支持HTML5属性。
Safecracker属性扩展(它非常简单) https://gist.github.com/2595553
如果您想发送具有强大模板的动态电子邮件(正如大多数人使用联系表单一样),请查看我最新的附加邮件管理员。无论是简单还是复杂,它都可以在任何应用程序中构建。它确实可以为输入表单(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来设置每个“状态”的样式并验证任何条件。我的图书馆提供了所有必要的方法和回调,可以做任何你想要的事情。
答案 2 :(得分:3)
虽然有很多JS验证库,但我们发现Happy.js很容易修复。
此处的教程 - http://thechangelog.com/post/3028809528/happy-js-form-ishappy-lightweight-extensible-form-valida