zvorotny zv'yazokmodxevoスタイルを形成します。 FormItのヘルプを求めてください。 成功したvikonannyの側にリダイレクトされました
私たちは複数の側面を失いましたが、彼らはまだボウルを酷使していません。 価格面 連絡先。 ここに連絡先情報のフォームがあります zvorotny zv'azku。 MODxには、そのようなフォームを作成するための特別なスニペット、eFormがあります。 バックリンクの形を形成する可能性のあるものの始まりを見てみましょう。
1. Nasamfored、入力フィールドと同じフォーム イムヤ, 住所, 参考トピックそしてほとんど 助言。 スパムから保護するために、キャプチャ(生成された画像コードを入力するためのフォーム)を追加します。 また、入力した情報の正しさの検証をオンにする必要があります。
2.通知の強度に関する情報。
3.郵便局に到着したらすぐに送信される通知の形式。
テンプレートからチャンクを作成して、内部告発リンクを形成しましょう
まず、テンプレートからチャンクを作成して適切なリンクを形成します。テンプレートでこのフォームを説明するコードを見てみましょう。 Notepad++ファイルで開く contact.htmlこれは、フォルダーC:/ xampp / htdocs / site / www / Assets / templates /templatemo_250_chess/にあります。 行があります 135 の上 159 包括的。 ヤクバチモ、コンテナ id = "contact_form"、私たちの形が知られています。 コード全体をベースにして、新しいチャンクを作成します form-tpl必要なプレースホルダーを追加します。
Zvorotniy zv'azok
[+ validationmessage +]
コードを解析して、一番下の獣に行きましょう:
&hooks-自作のものを含むさまざまなフックがここに追加されます:ビューパッドには2つの標準フックがあります: 郵便のスクリーンショット。 reshta khukivについて、ビデオで報告します。
&emailTpl-ページレイアウトのチャンク。次のコードの場合があります。
人のタイプ:[[+ name]]
電話:[[+ phone]]
Eメール:[[+ email]]
通知:[[+メッセージ]]
&emailTo-フォームが置き換えられるメールアドレス この特定のタイプに順序付けられました 全身調整(キー)++ emailsender
&emailSubject-実施されているシートの件名
&validate-埋め戻し用のカスタム言語フィールド、多くの場合スパム保護用のフィールド
&successMessage-オーバーストレングが成功した後の通知
ビデオを気にし、ドキュメントを読むフォームコードは分析しません:docs.modx.com/extras/revo/formit
フォームに添付されたファイル
添付ファイルを添付して編集できるようにするには、フォームタグに書き込む必要があります
Enctype = "multipart / form-data"
ファイルを添付するためのフィールドを追加する必要があります
チェックボックスとオプションの処理
Dekіlkaは片側に形成されます
スキンフォームのウィキに書き込むだけです
&submitVar='私は英語の形式です'
スキンフォームには独自の名前があります。
スパムと戦う
言わないでください、でもあなたは間違いなくスパムです 効率的な方法彼と戦うために-あなたがそれを自分で試すことができるように。
実際には、すべての商用サイトに連絡先ページがあり、そこに連絡先フォームが掲載されており、そこからサイトの管理を書くことができます。 今日は、お問い合わせフォームをすばやく作成する方法を見ていきます。 パッケージへのヘルプを求める折り返し電話のフォームを実装する フォーマットパッケージとのリンクで Ajaxフォーム、悪臭がインストールされていないかのように、それらをインストールします。
個人データを処理する許可を得たMODXRevoでのリターンリンクのフォームの作成は、2006年7月27日付の法律第152-FZ「個人データについて」の対象となります。
最初にチャンクを作成しましょう。フォーム自体を保存するために、「contact-form」チャンクを配置せずに、新しいコードに標準フォームを配置します。私は主にブートストラップWikiを使用してサイトで作業するため、トロッホの標準的な準備とやり直し、静的コードは次のようになります:
あなたの 古い外観私のフォームがプロジェクト用に定型化されていることに驚かれることでしょう。 cssスタイルヴィクラダティはバチュセンスではありません。
ここの軸は、他のフォームを見渡すことができます getbootstrap.com/css/#forms
そして今、私たちは改善された構文で動的な方法でコードを再構築することができます フォーマットі Ajaxフォーム、ステップバイステップでそれを取ります。
次に、もう1つのチャンク、フォームシートを作成し、次のチャンクでtpl-contact-formと呼びましょう。
名前:[[+ name]]
メール:[[+ email]]
電話番号:[[+ pfone]]
通知:[[+メッセージ]]
さて、必要な場所でvisnovokを育てることが必要になりました:
[[!AjaxForm? &snippet = `FormIt`&form =` kontact-form`&emailTpl = `tpl-kontact-form`&hooks = `spam、email`&emailSubject=`サイトアラート[[++site_url]]`&emailTo =` [メール保護]`&validate =` name:required、email:required`&validationErrorMessage = `フォーム保留中の恩赦!`&successMessage = `通知は正常に送信されました!`]]
値を変更することを忘れないでください emailToあなたのメールに。
コンポーネントのドキュメント:
- FormIt — docs.modx.com/extras/revo/formit
- Ajaxフォーム — docs.modx.pro/components/ajaxform
原則の軸とすべて!
CMFでゲートの形成を確認する方法に関するレッスン MODX Revo lution、勝利のコンポーネント、AjaxFormおよびFormIt。
FormItおよびAjaxFormへのコンポーネントの割り当て
FormItは、サーバー側のフォーム処理割り当てであるMODX Revolutionのコンポーネント(スニペット)です。 以前にフォーム(検証)のフィールドを変更できます 遠い子供たち、スパムの排除からサイトを保護し、メールでフォームデータを編集し、完成したフォームのコピーを保存し、別の側にリダイレクトを設定し(たとえば、フォームを電子メールに送信した後)、自動送信機能を無効にします。 。
ただし、AJAXを介してFormItを操作するには、微調整する必要があります 添加剤成分 ajaxform。
健全なリンクのロボット形成の原理
MODX Revolutionリンクの開発に移る前に、その作業の基本的なアルゴリズムを見てみましょう。
フォームを使用してファイナルサイドを入力した後(サーバーでサイドが形成されたときにAjaxFormスニペット呼び出しの&formパラメーターで指定されたチャンクから取得されます)、ファイナルに進みます。 アップロードが完了したら、[送信]ボタンとAjaxFormコンポーネント( JavaScriptコード)AJAXヘルプのためにサーバーに送信します。 サーバー上で、コンポーネントはFormItスニペットを実行し、フォームデータを渡します。 データを収集すると、FormItスニペットが確認として形成されます。これは、AjaxFormコンポーネントを介してクライアントに送信され、ページの横に表示されるためです。 Vidpovіdは、ポジティブ(フォームが検証に合格し、たとえば、データがメールに正常に送信されたことを意味します)またはネガティブ(たとえば、フォームが完成したときに、coristuvachが許可された)の場合があります。
zvorotnyyzvezkuからの作成
MODX Revolutionゲートの形状を作成するには、次の主要なステップを結び付ける必要があります。
レポートのセクション2と4を見てみましょう。
ChanziでのHTMLフォームの作成
コールバックリンクのHTMLフォームの作成は、tpl.AjaxForm.exampleテンプレートをコピーすることで実行できます。 たとえば、tpl.AjaxFormという名前のコピーされたチャンクを追加しましょう。 このチャンクは、名前、電子メール、メッセージの3つのフィールドで構成されるHTMLフォームを作成する準備ができています。 フォームでの作業が必要な主な部門は、主に新しいカテゴリの追加または重要なカテゴリの削除に持ち込まれます。 このカテゴリでは、ラベル(label)、フォーム要素(input、select、textarea)、スパン要素(パードン検証を表示するためのウィンク)という、相互に関連する要素のグループを理解しています。
主なポイント:
- ラベルテキスト(ラベル要素)。 辞書(バガトニックサイトの場合)から取得するか、追加のテキストを仲介せずに示すために呼び出します。
- span要素は、error_name値の親クラス属性を担当します。この場合、並べ替えのために、name句をform要素のname属性の値に変更する必要があります。
尊重:[[+fi.error.name]]のフォーム要素のvalue属性の値としてのプレースホルダー[[+fi.name]]は、span要素のコンテンツが従来のFormIt作業にのみ関連するため、あれは。 AJAXなし。 悪臭は、coristuvachyの導入の価値を保存し、検証の恩赦のように見えるようにするために、繰り返し過剰に強化してフォームに入力することで勝利を収めています。
たとえば、dodamo in HTMLフォーム入力フィールド 電話番号:
このチャンクの結果には、次のHTMLコードが含まれます。
AjaxFormスニペットを復讐するためのコードの作成
Vіdkrivaєmoテンプレート。これはvikoristovuvatimeリソースであり、コードを入力します。これはすべてzdіisnyuvatiである必要があります。
[[!AjaxForm? &form = `tpl.AjaxForm`&snippet =` FormIt`&hooks = `FormItSaveForm、email`&emailSubject =`テスト通知`&emailTo = ` [メール保護]`&emailFrom =` [メール保護]`&emailTpl =` tpl.email`&validate = `name:minLength = ^ 2 ^、email:email:required、message:minLength = ^ 10 ^`&validationErrorMessage = `フォーム保留中のご容赦!`&successMessage=`通知は正常に送信されました`]]
主なパラメータを見てみましょう。
- &form-フォームをスイープするチャンクに応答します(tpl.AjaxForm)。
- &snippet-フォームを完成させるスニペット(FormIt)。
- &hooks –フォームの書き換えが成功した後にFormItスニペットを連結するためのフック(1-FormItSaveForm、2-電子メール)。 フックは、フォームが検証された後に起動されるスクリプトです。 悪臭は誰を通して注文され、1つずつ順番に発射されます。 それらの1つに許しがあったかのように、他のものは開始しません。 この勝利者クラスには2つのフックがあります。 データベースにフォームを保存するためのFormItSaveForm割り当てをフックします。 電子メールの割り当てをフックして、データフォームを強制的に電子メールで送信します。
- &emailSubject、&emailTo、&emailFrom、&emailTpl-メールタグフックのパラメータ。 これらは、シートのトピック(&emailSubject)、編集するアドレス(&emailTo)、ヘッダーFrom(&emailFrom)、シートテンプレート(&emailTpl)によって挿入用に指定されています。
- &validateは、フォーム検証の値に依存するパラメーターです。 パラメータの値は、要素をクラウドで分割した要素のリストです。 革の要素は、フォームの要素の名前(書き直す必要があります)とルール(ほとんどの場合)で構成され、2つ折りの追加の記号のためにそれらの間で分割されます。 たとえば、name:minLength = ^ 2 ^バリデーターは、名前フィールドの長さが2文字以上であることを確認します。 email:email:requiredバリデーターは、メールフィールドが電子メールアドレスと一致しないことを確認します。 バリデーターを作成するための基本的なルールについては、「FormItバリデーター」ページで学ぶことができます。
- &validationErrorMessage-フォームに恩赦があるかのように、表示されるかのように恩赦を報復します。
- &successMessage-通知、koristuvachとチャットする場合、通知が正常に送信される場合。
シートの優れたテンプレートであるtpl.emailチャンクを作成できませんでした。
助言
人のタイプ:[[+ name]]
Eメール:[[+ email]]
電話:[[+ phone]]
通知:[[+メッセージ]]
MODX-チャンクtpl.emailUvaga:フィールドの価値を確認するには、活発なプレースホルダーを作成します。
内部告発者のロボット形式のデモンストレーション
そのような画像の助けを借りて、側面に回転リンクの形をした主な瞬間と作業時間が示されます。
MODX-検証に合格しなかったリターンリンクの形式