Jak zrobić wymagany formularz ze stanami?


31

Mam listę rozwijaną, która wyświetla różne pola w zależności od tego, co zostało wybrane, i wiem, że mogę przeszukiwać widoczność stanów, ale kiedy próbuję użyć wymaganego, wyświetlany jest * zakres, ale tak naprawdę nie jest wymagany. Chodzi mi o to, że nawet jeśli jest to „wymagane”, mogę nacisnąć Prześlij i nie otrzymać komunikatu o błędzie od Drupala. Czy robię coś źle, czy jest to obecnie zepsute w 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')),
            ),
        ),
    );

Brakuje podwójnych cudzysłowów dla name. To musi być :input[name="host_info"].
leymannx,

Odpowiedzi:


20

Musisz to zweryfikować samodzielnie w niestandardowej funkcji sprawdzania poprawności.

Wszystko skonfigurowane przez #states dzieje się w 100% w przeglądarce, wszystko, czego nie robi, nie jest widoczne dla Drupala po przesłaniu formularza (na przykład wszystkie niewidoczne pola formularza są przesyłane i sprawdzane w ten sam sposób, jeśli nie ma #states).


Uznałem, że tak jest. Kiedy badałem, jak to zrobić, odkryłem atrybut „wymagany” ze stanami i pomyślałem, że zadziała tak, jak potrzebowałem bez dodatkowej pracy.
Sathariel

11

Możesz użyć wymaganego w ten sposób:

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

4
Tak - doda wymagany wskaźnik do elementu. Ale nie będzie to dotyczyło walidacji po stronie klienta ani serwera.
AyeshK,


Wydaje mi się, że umieszczenie wymaganego klucza w tablicy #states działało, chociaż to był fakt, że miałem weryfikację pola e-mail. Zastanawiam się więc, czy użyjesz domyślnego drupal #element_validate na elemencie formularza, który będzie działał?
Alex Finnarn,

8

Bardzo podobny do odpowiedzi Felixa Eve, tylko ten fragment kodu do sprawdzania poprawności elementu wbudowanego:

Wywołujesz funkcję sprawdzania poprawności elementu wymaganego elementu:

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

Następnie funkcja sprawdzania poprawności znajduje wymagane pole i sprawdza, czy ma poprawną wartość formularza, która ujawniłaby pole, które musi być wymagane.

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
To najlepsze rozwiązanie IMHO!
Alex Finnarn,

3

Istnieje inny sposób użycia funkcji AFTER_BUILD dla formularza i uczynienia tego pola opcjonalnym. Oto link do drupala 6.

Dodaj to do kodu formularza

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

Zaimplementuj po kompilacji, przetestuj niestandardowe warunki w polu

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;
}

W moim przypadku #states dodawał wiele *, więc muszę tego unikać i użyłem jquery do ukrycia i pokazania zakresu zawierającego *

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

I

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

Na podstawie mojej wartości custom_field.


3

Oto szczegółowy przewodnik po Drupal 7 z #states .

To jest ważny bit:

/**
 * 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

Właśnie spotkałem się z tym samym problemem, więc potrzebowałem zapewnić niestandardową weryfikację, ale chciałem, aby była ona kontrolowana za pomocą tablicy #states, więc nie musiałem podawać tych samych reguł dwa razy.

Działa poprzez wyodrębnienie nazwy pola z selektora jQuery (selektor musi mieć format :input[name="field_name"], aby nie działał).

Poniższy kod jest testowany tylko w konkretnym scenariuszu, w którym go używałem, jednak uważam, że może się przydać komuś innemu.

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

W Drupal 8 mogłem to zrobić w ten sposób:

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

Nie umieszczaj t („SSH2”). spowoduje to umieszczenie jego tłumaczenia zamiast wartości opcji, która jest nieprzetłumaczonym SSH2.

Podejrzewam, że działałoby to również w przypadku Drupala 7.


1
W drupal 7, jak wskazano na odpowiedzi dające podobne rozwiązania, zapewnia to wymagane oznaczenia pól, ale w rzeczywistości nie wykonuje żadnej weryfikacji. Czy Drupal 8 sprawdza poprawność pól oznaczonych jako wymagane, używając #states?
UltraBob,

0

Zagnieżdżiłem pola formularza i pole wyboru, więc musiałem trochę popracować nad odpowiedzią Dominica Woodmana. W przypadku, gdy jakakolwiek inna osoba napotka ten sam problem:

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.'));
    }
  }
}
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.