Validaciones y lógica condicional

Las validaciones impiden que lleguen respuestas incompletas o mal escritas. La lógica condicional cambia el formulario según lo que la persona va respondiendo: muestra una pregunta solo si hace falta, la activa o la vuelve obligatoria.

Todo se configura en el editor: Herramientas → Formularios, tres puntos de la fila, Editar, y luego selecciona el campo en la pestaña Designer.

Hacer un campo obligatorio o limitar su longitud

1. Selecciona el campo en el lienzo.
2. En el panel de la derecha, abre la pestaña Validation.
3. Marca Required para que no se pueda enviar el formulario con el campo vacío. Es lo mismo que el interruptor Required del pie del campo.
4. En los campos de texto, escribe Min length o Max length para fijar el mínimo o el máximo de caracteres. Con Max length en 5, por ejemplo, un nombre más largo se rechaza con el aviso no debe contener más de 5 caracteres.

Para exigir que un texto sea un correo, una dirección web o un identificador, usa Format en la pestaña Layout (lo explica Diseñar los campos de un formulario).

Qué ve quien responde cuando falta algo

Si la persona pulsa Enviar con un campo obligatorio vacío, el formulario no se envía: el campo se pone en rojo y aparece un aviso debajo.

Lo mismo pasa si el texto no tiene el formato pedido. En el ejemplo, el campo Correo con formato email rechaza correo-sin-arroba.

Mostrar un campo solo en ciertos casos

En el ejemplo, el formulario pregunta Interés con las opciones Demo y Cotización, y el campo Empresa solo debe aparecer si la persona pide una cotización.

1. Fíjate en la clave del campo del que depende. La clave de Interés es select (aparece en gris debajo de su etiqueta).
2. Selecciona el campo que quieres condicionar, Empresa.
3. En el panel de la derecha, abre la pestaña Logic.
4. En visibleIf, escribe la condición: {select} == 'Cotización'. La clave va entre llaves y el valor entre comillas simples, escrito igual que la opción.
5. Haz clic fuera del cuadro. El campo muestra la marca VISIBLEIF en el lienzo.

La pestaña tiene tres condiciones, que se escriben igual:

Condición	Qué hace cuando se cumple
visibleIf	Muestra el campo. Si no se cumple, el campo no aparece.
enableIf	Deja rellenar el campo. Si no se cumple, el campo se ve en gris y no se puede escribir en él.
requiredIf	Vuelve obligatorio el campo.

Debajo, la línea Operators recuerda los operadores disponibles: ==, !=, >, <, >=, <=, contains, && (y) y || (o).

Probar la condición

1. Pulsa la pestaña Preview, arriba a la izquierda del editor.
2. Con Interés vacío, el campo Empresa no aparece.

3. Elige Cotización en Interés. El campo Empresa aparece debajo.

La vista previa no guarda nada, así que puedes probar tantas veces como quieras.

Mostrar una página solo en ciertos casos

1. Haz clic en la cabecera de la página en el lienzo (donde dice PAGE 1, PAGE 2…).
2. En el panel de la derecha, abre la pestaña Logic de la página.
3. Escribe la condición en visibleIf. Como indica el panel, la página queda oculta salvo que la condición se cumpla.

Al terminar, pulsa Guardar en el panel Editar Formulario.