州で必要なフォームを作成する方法は?


31

選択した内容に基づいてさまざまなフィールドを表示するドロップダウンリストがあり、状態で可視性を調整できますが、必須を使用しようとすると*スパンが表示されますが、実際には必須ではありません。つまり、「必須」であっても、submitを押すことができ、drupalからエラーメッセージが表示されないということです。私は何か間違ったことをしているのですか、それとも現在Drupal 7.8で壊れていますか?

        $form['host_info'] = array(
        '#type' => 'select',
        '#title' => t("Host Connection"),
        '#options' => array(
          'SSH2' => t('SSH2'),
          'Web Service' => t('Web Service'),
        ),
        '#default_value' => t(variable_get('host_info', 'SSH2')),
        '#description' => t("Specify the connection information to the host"),
        '#required' => TRUE,
    );

    $form['ssh_host'] = array(
        '#type' => 'textfield',
        '#title' => t("Host Address"),
        '#description' => t("Host address of the SSH2 server"),
        '#default_value' => t(variable_get('ssh_host')),
        '#states' => array(
            'visible' => array(
                ':input[name=host_info]' => array('value' => t('SSH2')),
            ),
            'required' => array(
                ':input[name=host_info]' => array('value' => t('SSH2')),
            ),
        ),
    );

    $form['ssh_port'] = array(
        '#type' => 'textfield',
        '#title' => t("Port"),
        '#description' => t("Port number of the SSH2 server"),
        '#default_value' => t(variable_get('ssh_port')),
        '#states' => array(
            'visible' => array(
                ':input[name=host_info]' => array('value' => t('SSH2')),
            ),
            'required' => array(
                ':input[name=host_info]' => array('value' => t('Web Service')),
            ),
        ),
    );

の二重引用符がありませんname。に違いない:input[name="host_info"]
leymannx

回答:


20

カスタム検証関数でこれを自分で検証する必要があります。

ブラウザで#statesによって設定されたすべてが100%発生します。フォームが送信されると、Drupalに表示されることはすべて表示されません(たとえば、#statesがない場合、すべての非表示フォームフィールドは同じ方法で送信および検証されます)。


そうだと思いました。これを行う方法を研究していたとき、州で「必須」属性を発見し、余分な作業なしで必要な方法で機能すると考えました。
サタリエル

11

requiredは次のように使用できます。

'#states'=> [
  'required' => [
    ':input[name="abroad_because[somecheckbox]"]' => ['checked' => TRUE],
  ],
],

4
はい-これにより、必要なインジケータが要素に追加されます。ただし、クライアント側またはサーバー側の検証は含まれません。
-AyeshK

バグかもしれない? 必要な要素は#statesでバギー
colan

requireキーを#states配列に入れることは、私にとってはうまくいくように思えましたが、メールフィールドの検証が行われたのは事実でした。それで、フォーム項目でデフォルトのdrupal #element_validateを使用するだけで動作するのだろうか?
アレックスフィナー

8

Felix Eveの答えと非常によく似ていますが、これはインライン要素検証のスニペットです。

要素検証関数を必要な要素と呼びます:

$form['element'] = array(
....
  '#element_validate' => array(
     0 => 'my_module_states_require_validate',
   ),
)

次に、検証関数は必要なフィールドを見つけ、必要なフィールドを明らかにする正しいフォーム値があるかどうかを確認します。

function my_module_states_require_validate($element, $form_state) {
  $required_field_key = key($element['#states']['visible']);
  $required_field = explode('"', $required_field_key);
  if($form_state['values'][$required_field[1]] == $element['#states']['visible'][$required_field_key]['value']) {
    if($form_state['values'][$element['#name']] == '') {
      form_set_error($element['#name'], $element['#title'].' is required.');
    }
  }
}

1
これが最高のソリューションです。
アレックスフィナー

3

フォームにAFTER_BUILD関数を使用し、そのフィールドをオプションにする別の方法があります。これがdrupal 6のリンクです。

これをフォームコードに追加します

$form['#after_build'][] = 'custom_form_after_build';

ビルド後に実装し、カスタムフィールド条件をテストします

function custom_form_after_build($form, &$form_state) {
  if(isset($form_state['input']['custom_field'])) {
    $form['another_custom_field']['#required'] = FALSE;
    $form['another_custom_field']['#needs_validation'] = FALSE;
  }
 return $form;
}

私の場合、#statesは複数の*を追加していたため、それを回避し、jqueryを使用して*を含むスパンを非表示および表示する必要がありました

$('.another-custom-field').find('span').hide();  

そして

$('.another-custom-field').find('span').show();

custom_field値に基づきます。


3

Drupal 7フォーム#statesの詳細ガイドを次に示します。

これは重要なビットです:

/**
 * Form implementation.
 */
function module_form($form, $form_state) {
  $form['checkbox_1'] = [
    '#title' => t('Checkbox 1'),
    '#type' => 'checkbox',
  ];

  // If checkbox is checked then text input
  // is required (with a red star in title).
  $form['text_input_1'] = [
    '#title' => t('Text input 1'),
    '#type' => 'textfield',
    '#states' => [
      'required' => [
        'input[name="checkbox_1"]' => [
          'checked' => TRUE,
        ],
      ],
    ],
  ];

  $form['actions'] = [
    'submit' => [
      '#type' => 'submit',
      '#value' => t('Submit'),
    ],
  ];

  return $form;
}

/**
 * Form validate callback.
 */
function module_form_validate($form, $form_state) {
  // if checkbox is checked and text input is empty then show validation
  // fail message.
  if (!empty($form_state['values']['checkbox_1']) &&
    empty($form_state['values']['text_input_1'])
  ) {
    form_error($form['text_input_1'], t('@name field is required.', [
      '@name' => $form['text_input_1']['#title'],
    ]));
  }
}

2

私はちょうど同じ問題に直面したので、カスタム検証を提供する必要がありましたが、これを#states配列で制御したいので、同じルールを2回指定する必要はありませんでした。

jQueryセレクターからフィールド名を抽出することで機能します(セレクターは形式である必要があります:input[name="field_name"]。そうしないと機能しません)。

以下のコードは、私がそれを使用していた特定のシナリオでのみテストされていますが、他の人にとっては有用であることがわかります。

function hook_form_validate($form, &$form_state) {

    // check for required field specified in the states array

    foreach($form as $key => $field) {

        if(is_array($field) && isset($field['#states']['required'])) {

            $required = false;
            $lang = $field['#language'];

            foreach($field['#states']['required'] as $cond_field_sel => $cond_vals) {

                // look for name= in the jquery selector - if that isn't there then give up (for now)
                preg_match('/name="(.*)"/', $cond_field_sel, $matches);

                if(isset($matches[1])) {

                    // remove language from field name
                    $cond_field_name = str_replace('[und]', '', $matches[1]);

                    // get value identifier (e.g. value, tid, target_id)
                    $value_ident = key($cond_vals);

                    // loop over the values of the conditional field
                    foreach($form_state['values'][$cond_field_name][$lang] as $cond_field_val) {

                        // check for a match
                        if($cond_vals[$value_ident] == $cond_field_val[$value_ident]) {
                            // now we know this field is required
                            $required = true;
                            break 2;
                        }

                    }

                }

            }

            if($required) {
                $field_name = $field[$lang]['#field_name'];
                $filled_in = false;
                foreach($form_state['values'][$field_name][$lang] as $item) {
                    if(array_pop($item)) {
                        $filled_in = true;
                    }
                }
                if(!$filled_in) {
                    form_set_error($field_name, t(':field is a required field', array(':field' => $field[$lang]['#title'])));
                }
            }

        }
    }

}

2

Drupal 8で次のようにできました。

          '#states' => array(
            'required' => array(
              array(':input[name="host_info"]' => array('value' => 'SSH2')),
             ),
           ),

t( 'SSH2')を入れないでください。これにより、未翻訳のSSH2であるオプションの値の代わりに、そこに翻訳が配置されます。

これはDrupal 7でも機能すると思われます。


1
drupal 7では、同様のソリューションを提供する回答に指摘されているように、これは必要なフィールドマーキングを提供しますが、実際には検証を実行しません。drupal 8は、#statesを使用して、必須としてマークされたフィールドを実際に検証しますか?
-UltraBob

0

ネストされたフォームフィールドとチェックボックスがあるので、ドミニクウッドマンの答えを少し調べる必要がありました。他の人が同じ問題に遭遇した場合:

function my_module_states_require_validate($element, $form_state) {
  $required_field_key = key($element['#states']['visible']);
  $required_field = explode('"', $required_field_key);
  $keys = explode('[', $required_field[1]);
  $keys = str_replace(']', '', $keys);
  $tmp = $form_state['values'];
  foreach ($keys as $key => $value) {
    $tmp = $tmp[$value];
  }
  if($tmp == $element['#states']['visible'][$required_field_key]['checked']) {
    $keys2 = explode('[', $element['#name']);
    $keys2 = str_replace(']', '', $keys2);
    $tmp2 = $form_state['values'];
    foreach ($keys2 as $key => $value) {
      $tmp2 = $tmp2[$value];
    }
    if($tmp2 == '') {
      form_set_error($element['#name'], $element['#title']. t(' is required.'));
    }
  }
}
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.