¿Cómo hacer un formulario requerido con los estados?


31

Tengo una lista desplegable que muestra varios campos en función de lo que se elija y sé que puedo buscar en Google la visibilidad con los estados, pero cuando trato de usar requerido, se muestra * span, pero en realidad no es obligatorio. Lo que quiero decir es que, aunque es "obligatorio", puedo presionar Enviar y no recibir un mensaje de error de Drupal. ¿Estoy haciendo algo mal o está actualmente roto en 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')),
            ),
        ),
    );

Te faltan las comillas dobles para name. Debe ser :input[name="host_info"].
leymannx

Respuestas:


20

Deberá validar esto usted mismo en una función de validación personalizada.

Todo lo configurado por #states ocurre al 100% en el navegador, todo lo que hace no es visible para Drupal cuando se envía el formulario (por ejemplo, todos los campos de formulario invisibles se envían y validan de la misma manera si no hubiera #states).


Supuse que era el caso. Cuando estaba investigando cómo hacer esto, descubrí el atributo 'requerido' con los estados y pensé que funcionaría de la manera que necesitaba sin trabajo adicional.
Sathariel

11

Puede usar requerido como este:

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

44
Sí, esto agregará el indicador requerido al elemento. Pero no habrá validación del lado del cliente o del servidor involucrado.
AyeshK


Poner la clave require en la matriz #states parecía funcionar para mí, aunque era el hecho de que tenía una validación de campo de correo electrónico. Entonces, me pregunto si solo usa el drupal predeterminado #element_validate en el elemento de formulario que funcionará.
Alex Finnarn

8

Muy similar a la respuesta de Felix Eve, solo que este es un fragmento para la validación de elementos en línea:

Llama a una función de validación de elemento el elemento requerido:

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

Luego, la función de validación encuentra el campo requerido y verifica si tiene el valor de formulario correcto que revelaría el campo que se necesita.

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
Esta es la mejor solución en mi humilde opinión!
Alex Finnarn

3

Hay otra forma de usar la función AFTER_BUILD para el formulario y hacer que ese campo sea opcional. Aquí hay un enlace para drupal 6.

Agregue esto a su código de formulario

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

Implemente después de la compilación, pruebe su condición de campo personalizada

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

En mi caso, #states agregaba múltiples *, así que tengo que evitarlo y usé jquery para ocultar y mostrar el intervalo que contiene *

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

Y

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

Basado en mi valor custom_field.


3

Aquí hay una guía detallada sobre Drupal 7 formulario #states .

Este es el 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

Acabo de enfrentar el mismo problema que necesitaba para proporcionar una validación personalizada, sin embargo, quería que esto se controlara a través de la matriz #states, por lo que no tuve que especificar las mismas reglas dos veces.

Funciona extrayendo el nombre del campo del selector jQuery (el selector debe estar en el formato :input[name="field_name"]o no funcionará).

El código a continuación solo se prueba en el escenario específico en el que lo estaba usando, sin embargo, creo que puede resultar útil para otra persona.

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

Pude hacerlo de esta manera en Drupal 8:

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

No ponga t ('SSH2'). esto pondrá la traducción allí en lugar del valor de la opción que es un SSH2 no traducido.

Sospecho que esto también funcionaría para Drupal 7.


1
En drupal 7, como se señaló a las respuestas que ofrecen soluciones similares, esto proporciona las marcas de campo requeridas, pero en realidad no realiza ninguna validación. ¿Drupal 8 realmente valida los campos marcados como usos obligatorios #states?
UltraBob

0

He anidado campos de formulario y una casilla de verificación, por lo que necesitaba trabajar un poco en la respuesta de Dominic Woodman. En caso de que alguien más se encuentre con el mismo 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.'));
    }
  }
}
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.