1

ExpressionEngineを使用して連絡先フォームを作成していますが、組み込みの連絡先フォームはセーフクラッカースタイルのインラインエラーメッセージをサポートしていません。

標準のEE連絡フォームを改善し、インラインエラー処理やAJAX検証などを追加するプラグインはありますか?簡単な連絡フォームを実装するための最良の方法は何でしょうか?

これは単純な電子メールへの連絡フォームであるため、フォームプラグインのすべての機能は必要ありません。テンプレートを使用して電子メールを送信できる優れたフォームです。

4

3 に答える 3

10

クライアント側の検証/エラー処理については、jQuery検証プラグインを見ましたか?これは、EEの組み込みの連絡フォームで問題なく機能します。

于 2012-11-01T01:01:15.200 に答える
5

Safecrackerはこれに最適です、私はいつもそれをします。ネイティブのEEフォームヘルパーはHTML5属性をサポートしていないため、フォームにnovalidate="novalidate"属性を定義できる小さなEE拡張機能も作成しました。

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 に答える