Agregar validaciones personalizadas en formularios del Web Builder

Es posible que tu formulario posea campos que requieran validaciones adicionales, además de las validaciones estándar que posee el Web Builder.

Si deseas realizar validaciones específicas dentro de tu formulario, como por ejemplo, validar si un código de área es correcto, o cualquier otra validación que desees agregar, debes seguir los siguientes pasos.

Dentro del área de JavaScript en el Web Builder, debes agregar una variable que contenga un índice asociado al nombre interno de tu propiedad y luego el nombre de la función JavaScript que realizará la validación.

<script>
dcPageFormValidation = {};
dcPageFormValidation["mobile_area"] = checkPhoneArea 
dcPageFormValidation["mobile"] = checkMobile 
</script

Luego debes agregar dentro del código javascript la definición de la función con tu regla. La validación debe responder un mensaje de error (si el dato no se valida satifactoriamente) o vacío si la validación es correcta, por ejemplo:

<script>
function checkPhoneArea(value) {
   var result = false; 
   var prefix = ['11','220','2202'];

   if(value.charAt(0)=="0") {
      value = value.substring(1);
   }

   if(prefix.indexOf(value)>-1) {
       result = true;
   }

    if(result==false) {
       return "Código de área incorrecto";
    } else {
       return "";
    }
}
</script>

La función recibirá en la variable "value" el valor ingresado por el contacto, el cuál debe validar y retorna el mensaje de error asociado.

Visualmente en el Web Builder debe verse de esta forma: