Validación de respuestas personalizada: Javascript

¿Para qué nos sirve?

En ocasiones, necesitamos asegurarnos de que las respuestas introducidas por los encuestados en una pregunta abierta o de campo libre cumplen con determinadas condiciones de validez. Un ejemplo sería el siguiente:

Pregunta 1: Por favor, indique su salario neto mensual

Pregunta 2: Por favor, distribuya esa cantidad indicando lo que ha gastado en el último mes en las siguientes categorías

Vivienda
Teléfono
Suministros (agua, electricidad, gas)
Alimentación
Ropa
Transporte
Educación
Salud
Ocio

Las cantidades indicadas en la pregunta 2 deben sumar lo mismo que lo respondido en la pregunta 1, de lo contrario los datos obtenidos no serán coherentes. Estas son condiciones de validación que podemos configurar, de modo que si el encuestado contesta con unos valores que no son coherentes, el sistema le mostrará un aviso y no le dejará continuar hasta que introduzca una respuesta que se ajuste a la condición que queremos.

Estas condiciones pueden variar mucho de una encuesta a otra, por ello la aplicación da libertad a los usuarios para crearlas de forma personalizada de acuerdo con las necesidades de cada caso. Estas condiciones se crean utilizando expresiones Javascript.

¿Qué es Javascript y cómo lo utilizo?

Es uno de los lenguajes de programación más populares. Utilizando unos pocos elementos de este lenguaje, podremos configurar unas condiciones de validación personalizadas y potentes.

Los operadores que utilizaremos más a menudo son los siguientes:

Veamos ahora algunos casos prácticos:

Caso práctico 1:

• Tenemos una encuesta dirigida a determinado tipo de entidades. Necesitamos que nos desglosen sus fuentes de financiación. Les realizamos la siguiente pregunta:

Del total de la financiación que recibió en el año XXXX, desglose en términos porcentuales la proporción que corresponde a cada una de las siguientes fuentes:

Financiación pública
Financiación privada
Financiación propia

Los valores introducidos deben sumar 100%. Necesitamos configurar en la pregunta esta restricción, de manera que si las respuestas no la cumplieran, el sistema avise de que ha contestado de forma no válida y no deje continuar la encuesta hasta corregir las respuestas.

¿Cómo hacerlo?

a) En primer lugar, creamos la pregunta. Debemos utilizar una de tipo respuesta abierta Una o más líneas.

b) Tras guardar la pregunta, pulsamos en el icono para editarla.

c) En la ventana de edición, nos situamos en la pestaña Opciones básicas, y marcamos la casilla Validación de respuestas introducidas. Al seleccionar la opción expresión Javascript se abrirá una caja de texto.

d) En esta caja de texto debemos introducir la expresión Javascript con la condición que deben cumplir las respuestas. Veamos ahora cuáles son los pasos para crear nuestra expresión:

d.1) Definir los operadores que vamos a necesitar: La condición que se debe cumplir es que la suma de las filas dé una cierta cantidad, por lo tanto los operadores que vamos a necesitar son estos:

+         Suma
==       Igual a

 d.2) Definir la forma general de la expresión: Las tres filas de la pregunta deben suma 100, así que, utilizando los operadores, la forma general de la expresión va a ser esta:

Fila 1 + Fila 2 + Fila 3 == 100

d.3) Sustituir con los códigos identificadores: En la expresión de más arriba hablamos de Fila 1, Fila 2, etc. Estos son sólo nombres generales, y debemos sustituirlos por los códigos identificadores de dichas filas en esa encuesta en concreto. Para obtener este código, en la misma ventana de edición de pregunta en la que estábamos pulsamos el link Ver códigos de campos y valores.

Aquí nos aparece una nueva ventana,;nos situamos en la pestaña “Pregunta”, y copiamos el código identificador de cada una de las filas de la pregunta.

Como vemos, en este ejemplo los códigos son:

Fila 1: [#9861881_127904209#]
Fila 2: [#9861881_127904210#]
Fila 3: [#9861881_127904211#]

Sustituyendo entonces en la expresión general,  quedaría así:

[#9861881_127904209#]+[#9861881_127904210#]+[#9861881_127904211#]==100

Esta será nuestra expresión Javascript.

e) Pegamos la expresión en la casilla del paso d) y guardamos.

Caso práctico 2:

• En una encuesta acerca del uso de aplicaciones para teléfonos móviles, realizamos estas dos preguntas:

Pregunta 1: ¿Cuántas aplicaciones tiene instaladas en su teléfono móvil?

Pregunta 2: De esas aplicaciones, indique cuántas son gratuitas y cuántas son de pago

Los valores de la pregunta 2 deben sumar la misma cantidad de la pregunta 1, pero a diferencia del caso práctico 2, no sabemos de antemano qué valor debe dar la suma, ya que no tenemos información previa de lo que contestarán en la pregunta 1 (por tanto el resultado de la suma es variable).

 ¿Cómo hacerlo?

 Realizamos los pasos a), b) y c)  del caso práctico 1.

d) En la casilla de texto debemos introducir la expresión Javascript con la condición que deben cumplir las respuestas. Seguimos los tres pasos necesarios para armar la expresión Javascript:

d.1) Definir los operadores que vamos a necesitar: Al igual que en el caso anterior, la condición para que las respuestas sean válidas también es una suma, por lo que de nuevo necesitaremos estos operadores:

+         Suma
==       Igual a

d.2) Definir la forma general de la expresión: Las dos filas de la pregunta 2 deben sumar lo mismo que la pregunta 1, por lo que la forma general de la expresión será esta:

Pregunta2_Fila1+ Pregunta2_Fila2 == Pregunta 1

d.3) Sustituir con los códigos identificadores: Para realizar la sustitución en la expresión anterior necesitaremos los códigos identificadores de las filas de las pregunta 2 y también el  identificador de la pregunta 1. Para obtener estos códigos, en la misma ventana de edición clicamos en el link Ver códigos de campos y valores.

Nos situamos en la pestaña Pregunta de la nueva ventana, y copiamos los identificadores que buscamos.

Como vemos, en este caso práctico los identificadores son  los siguientes:

Pregunta 1: [#9649191_124405430#]
Fila 1_Pregunta2: [#9649194_124405433#]
Fila 2_Pregunta2: [#9649194_124405434#]

Sustituyendo en la expresión general, nuestra expresión resultante es la siguiente:

[#9649194_124405433#]+[#9649194_124405434#]==[#9649191_124405430#]

e) Pegamos la expresión en la caja de texto y guardamos.

¿Qué mensaje aparece cuando introducen respuestas no válidas?

En caso de que el encuestado introduzca respuestas que no cumplan con las condiciones de validación, por defecto les aparecerá el siguiente mensaje.

Este mensaje lo podemos personalizar en Configurar- Personalización- Mensajes del sistema.