Come creare un modulo richiesto con gli stati?


31

Ho un elenco a discesa che mostra vari campi in base a ciò che è stato scelto e so che posso visualizzare la visibilità con gli stati ma, quando provo a utilizzare la visualizzazione *, viene visualizzato ma non è effettivamente richiesto. Quello che voglio dire è che anche se è "obbligatorio" posso premere invio e non ricevere un messaggio di errore da Drupal. Sto facendo qualcosa di sbagliato o è attualmente rotto in 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')),
            ),
        ),
    );

Manca le doppie virgolette per name. Deve essere :input[name="host_info"].
leymannx,

Risposte:


20

Dovrai convalidarlo tu stesso in una funzione di convalida personalizzata.

Tutto ciò che è configurato da #states avviene al 100% nel browser, tutto ciò che fa non è visibile per Drupal quando viene inviato il modulo (ad esempio, tutti i campi del modulo invisibile vengono inviati e convalidati allo stesso modo se non c'erano #state).


Ho pensato che fosse il caso. Quando stavo cercando come fare questo ho scoperto l'attributo 'richiesto' con gli stati e ho pensato che avrebbe funzionato nel modo che mi serviva senza lavoro extra.
Sathariel,

11

È possibile utilizzare richiesto in questo modo:

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

4
Sì: questo aggiungerà l'indicatore richiesto all'elemento. Ma non sarà coinvolta alcuna convalida lato client o server.
AyeshK,


Inserire la chiave obbligatoria nell'array #states sembrava funzionare per me, anche se era un dato di fatto che avevo una convalida del campo e-mail. Quindi, mi chiedo se usi semplicemente il drupal #element_validate predefinito sull'elemento del modulo che funzionerà?
Alex Finnarn,

8

Molto simile alla risposta di Felix Eve, questo è solo uno snippet per la convalida degli elementi inline:

Si chiama un elemento convalida funzione l'elemento richiesto:

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

Quindi la funzione di validazione trova il campo richiesto e controlla se ha il valore di modulo corretto che rivelerebbe il campo che deve essere richiesto.

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
Questa è la soluzione migliore IMHO!
Alex Finnarn,

3

Esiste un altro modo per utilizzare la funzione AFTER_BUILD per il modulo e rendere quel campo facoltativo. Ecco un link per drupal 6.

Aggiungi questo al tuo codice modulo

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

Implementare dopo la compilazione, testare le condizioni del campo personalizzato

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

Nel mio caso, #states ha aggiunto più *, quindi devo evitarlo e ho usato jquery per nascondere e mostrare l'intervallo che contiene *

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

E

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

Basato sul mio valore custom_field.


3

Ecco una guida dettagliata su Drupal 7 form #states .

Questo è il bit importante:

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

Ho appena affrontato lo stesso problema, quindi era necessario fornire una convalida personalizzata, tuttavia volevo che fosse controllato tramite l'array #states, quindi non ho dovuto specificare le stesse regole due volte.

Funziona estraendo il nome del campo dal selettore jQuery (il selettore deve essere nel formato :input[name="field_name"]o non funzionerà).

Il codice qui sotto è testato solo nello scenario specifico in cui lo stavo usando, tuttavia penso che possa rivelarsi utile a qualcun altro.

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

Sono stato in grado di farlo in Drupal 8:

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

Non inserire t ('SSH2'). questo inserirà la traduzione lì al posto del valore dell'opzione che è un SSH2 non tradotto.

Ho il sospetto che questo funzionerebbe anche per Drupal 7.


1
In drupal 7, come sottolineato dalle risposte che forniscono soluzioni simili, ciò fornisce i contrassegni di campo richiesti, ma in realtà non esegue alcuna convalida. Drupal 8 convalida effettivamente i campi contrassegnati come usi necessari #stati?
UltraBob

0

Ho campi di modulo nidificati e una casella di controllo, quindi ho dovuto lavorare un po 'sulla risposta di Dominic Woodman. Nel caso in cui qualcun altro si imbatti nello stesso problema:

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.'));
    }
  }
}
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.