Descripción del método

FirmaDescripción
wf.modificarValidacionDinamica(idElemento, validacion, idTabla)

Añade/modifica una validación dinámica sobre el elemento indicado.

  • idElemento. Corresponde con el elemento de Webforms al que queremos modificar o añadir una validación dinámica.
  • validación. Corresponde con la función que se usará para llevar a cabo la validación.
  • idTabla. Opcional. Id de la tabla en la que se encuentra el elemento de Webforms al que queremos modificar o añadir una validación dinámica.

Versiones

VersiónCambio sufrido
5.0A partir de esta versión está disponible su uso
5.26Se añade soporte para tablas

Ejemplo de uso


Código utilizado

En el ejemplo siguiente, el código estará puesto en el apartado onLoad. No obstante, el código puede localizarse en otras partes del formulario.

En el caso campos dentro de iteradores el sitio más adecuado es en el evento addIteration

Las validaciones dinámicas asociadas a un campo dentro de una tabla sólo se disparan desde dentro del modal y no cuando se hace una precarga de CSV o una validación de todo el formulario.

Validación dinámica haciendo uso de la librería de validaciones de Webforms 


/* Añadimos una validación al elemento 'nombre' para que sea requerido */
wf.modificarValidacionDinamica("nombre", webforms.Validation.validateRequired);
JS

Validación dinámica haciendo uso de una función propia


/* Añadimos una validación al elemento 'nombre' para que empiece con mayúsculas */
wf.modificarValidacionDinamica("apellido", validacionMayusculas);

function validacionMayusculas (element) {
  var valor = element.value;
  var mayusculasRegex = new RegExp(/[A-Z][a-z]*/g);
  
  if (!mayusculasRegex.exec(valor)){
    return webforms.Validation.addErrorMessage(element, 'El nombre debe empezar con mayúscula');
  }
}
JS

Recursos


Descarga los distintos recursos utilizados