Como fazer um formulário necessário com os estados?

31

Eu tenho uma lista suspensa que exibe vários campos com base no que é escolhido e sei que posso procurar a visibilidade com estados, mas quando tento usar o obrigatório, o * span é exibido, mas na verdade não é obrigatório. O que quero dizer é que, embora seja "obrigatório", posso clicar em enviar e não receber uma mensagem de erro do drupal. Estou fazendo algo errado ou isso está quebrado no 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')),
            ),
        ),
    );
Sathariel
fonte
Faltam aspas duplas para name. Deve ser :input[name="host_info"].
Leymannx

Respostas:

20

Você precisará validar isso sozinho em uma função de validação personalizada.

Tudo o que é configurado pelo #states acontece 100% no navegador, tudo o que ele faz não é visível para o Drupal quando o formulário é enviado (por exemplo, todos os campos invisíveis do formulário são enviados e validados da mesma maneira se não houvesse #states).

Berdir
fonte
Achei que fosse esse o caso. Quando eu estava pesquisando sobre como fazer isso, descobri o atributo 'required' com estados e pensei que funcionaria da maneira que eu precisava, sem trabalho extra.
Sathariel 27/10/11
11

Você pode usar o necessário assim:

'#states'=> [
  'required' => [
    ':input[name="abroad_because[somecheckbox]"]' => ['checked' => TRUE],
  ],
],
MuschPusch
fonte
4
Sim - isso adicionará o indicador necessário ao elemento. Mas não haverá validação do lado do cliente ou do servidor envolvida.
AyeshK
Colocar a chave de requisitos na matriz #states parecia funcionar para mim, embora fosse o fato de eu ter uma validação de campo de email. Então, gostaria de saber se você acabou de usar o drupal padrão #element_validate no item de formulário que funcionará?
Alex Finnarn
8

Muito parecido com a resposta de Felix Eve, apenas este é um trecho para validação de elemento em linha:

Você chama uma função de validação de elemento como o elemento necessário:

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

Em seguida, a função de validação encontra o campo obrigatório e verifica se possui o valor correto do formulário que revelaria o campo que precisa ser solicitado.

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.');
    }
  }
}
Dominic Woodman
fonte
1
Esta é a melhor solução IMHO!
Alex Finnarn
3

Há outra maneira de usar a função AFTER_BUILD para o formulário e tornar esse campo opcional. Aqui está um link para o drupal 6.

Adicione isso ao seu código de formulário

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

Implementar após a construção, testar sua condição de campo personalizado

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

No meu caso, #states estava adicionando vários *, então eu tenho que evitá-lo e usei o jquery para ocultar e mostrar a extensão que contém *

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

E

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

Com base no meu valor custom_field.

atyagi
fonte
3

Aqui está um guia detalhado sobre o Drupal 7 no formulário #states .

Esta é a parte 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'],
    ]));
  }
}
Wim Mostrey
fonte
2

Acabei de enfrentar o mesmo problema, então era necessário fornecer validação personalizada, no entanto, queria que isso fosse controlado por meio da matriz #states, para não precisar especificar as mesmas regras duas vezes.

Ele funciona extraindo o nome do campo do seletor jQuery (o seletor deve estar no formato :input[name="field_name"]ou não funcionará).

O código abaixo é testado apenas no cenário específico em que eu o estava usando, no entanto, embora possa ser útil para outra pessoa.

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'])));
                }
            }

        }
    }

}
Felix Eve
fonte
2

Consegui fazê-lo desta maneira no Drupal 8:

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

Não coloque t ('SSH2'). isso colocará a tradução dela lá em vez do valor da opção que é um SSH2 não traduzido.

Eu suspeito que isso funcionaria para o Drupal 7 também.

Vai
fonte
1
No drupal 7, como indicado nas respostas que fornecem soluções semelhantes, isso fornece as marcações de campo necessárias, mas na verdade não realiza nenhuma validação. O drupal 8 realmente valida os campos marcados como #states necessários?
UltraBob
0

Como aninhei campos de formulário e uma caixa de seleção, precisava trabalhar um pouco na resposta de Dominic Woodman. Caso qualquer outra pessoa tenha o mesmo 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.'));
    }
  }
}
Koli
fonte