WordPress Quformコンタクトフォームのプラグインでは、ロジック機能を使用する

問い合わせフォームで、ユーザーが特定の値を選択したときに別のフィールドを表示または非表示にしたい場合があります。 たとえば、「サービスの種類」で「翻訳問い合わせ」を選択すると、隠されていた「文書分量」フィールドと「予定納期日」フィールドが表示されるようにする場合が考えられます。

WordPress Quformコンタクトフォームのプラグインロジック機能

このように、他のフィールドでユーザーが選択する値に応じて、または特定の条件(たとえば、ユーザーが入力する値が100より大きい場合)に応じて特定のフィールドを表示または非表示にする機能を「条件付きロジック」といいます。 有料のコンタクトフォームプラグインであるQuformでは、このようなロジック機能がデフォルトで提供されています。

WordPress Quformコンタクトフォームプラグインロジック機能の使用(条件付きロジック)

Quformでロジック機能を使用するには、ユーザーが選択した他のフィールドの値に基づいて表示または非表示フィールドの設定アイコン(歯車のアイコン)をクリックします。

Quformフィールドの設定アイコン

そのフィールドの設定画面が表示されます。

WordPress Quformのロジック機能を使用する

上記のような画面が表示されたら ロジック(1)を選択して、 Enable conditional logic(2)を入れます。

(3)で、「Show this field(このフィールドを表示)」と「Hide this field(このフィールドを隠す)」のいずれかを選択します。 条件に基づいてこのフィールドを表示するには Show this fieldを、条件に応じて、このフィールドを非表示にする Hide this fieldを選択します。

(4)では、「if all of these rules match(すべてのルールが一致する場合)」と「if any of these rules match(ルールのXNUMXつ以上が一致する場合)」のいずれかを選択します。 前者は論理におけるANDの概念であり、後者はORの概念である。

Add logic rule(5)をクリックして、新しいロジックルールを追加するようにします。 これにより、他のフィールドのエントリと値を条件に設定することができます。

WordPress Quform条件ロジックを使用する

(1) 左側のフィールドを選択します。 (3) 右側のフィールド値を選択します。 たとえば、ユーザーが選択した「分類」の値が「翻訳問い合わせ」の場合、このフィールドを表示する場合は上の図のように設定できます。 「分類」の値が「翻訳問い合わせ」でない場合は、(2)で「is not」を選択してください。 (2)で以下のオプションを選択できます.

  • is(〜である場合)
  • is not(〜ではない場合)
  • is empty(値が空の場合)
  • is not empty(空の値ではない場合)
  • is greater than(〜より大きい場合) - 以下のオプションを選択した場合は、(3)に値を直接入力する必要があります。
  • is less than(〜よりも小さい場合)
  • contains(〜を含む場合)
  • starts with(〜で始まる場合)
  • ends with(〜で終わる場合)

条件を適切に組み合わせて、洗練されたロジックを作成できます。 複数のロジックルールを追加するには、[Add logic rule]をクリックするか、右端のプラグアイコンをクリックします。

無料コンタクトフォームのプラグインであるContact Form 7を使用している場合には、 Contact Form 7 - Conditional Fieldsというプラグインをインストールすると、条件付きフィールドを追加することができます。

メモ:


2のコメント

  1. Quformで同意するボタンと同意しないボタンを2つ入れて同意しないボタンをクリックする同意するボタンをクリックするようにすることができますか?

    1. こんにちは、旅人様。 WordPressから Quformプラグインを使用している場合は、私のブログのお問い合わせページのように同意ボックスをチェックしない場合、警告を表示する方法で進行することが無難と思われる。
      例: https://www.screencast.com/t/4iXiVuAUyl

      もしご希望の通り希望jQueryを使用して同意しないボタンをチェックすると、ポップアップメッセージを表示することができはあるでしょう。

      例:
      https://stackoverflow.com/questions/6081608/jquery-check-if-it-is-clicked-or-not

コメントを残す

*メールアドレスは公開されません。