Javascript

Formidable tiene un par de códigos en JS que cuentan y limitan las Checkboxes de un Checkbox field:

Count number of checked boxes:

Limit the number of checked boxes

 
Estos códigos funcionan muy bien con los campos Checkbox nativos de Formidable,pero no funcionan con los checkboxes creados por un Dynamic field.

Para esto, ChatGPT me ayudó a adaptar los scripts para que funcionen con los Dynamic/Checkboxes fields:

Limita los checkboxes seleccionados a un número arbitrario (en este caso 3):

jQuery(document).ready(function($) {
    var limit = 3; // Change this to your desired limit
    // Use event delegation to handle dynamic checkboxes
    $(document).on('change', 'input[name="item_meta[973][]"]', function() {
        var checkbox_num = $('input[name="item_meta[973][]"]:checked').length;
        if (checkbox_num > limit) {
            this.checked = false;
        }
    });
});

Cambiar 973 al ID del Dynamic/checkboxes field.

Cuenta los checkboxes seleccionados y coloca el valor en cualquier lugar:

jQuery(document).ready(function($) {
    // Use event delegation to handle dynamic checkboxes
    $(document).on('change', 'input[name="item_meta[973][]"]', function() {
        var val1 = $('input[name="item_meta[973][]"]:checked').length;
        $("#field_checkLimit").val(val1);
    });
});

Cambiar 973 al ID del Dynamic/checkboxes field, y dar nombre de class checkLimit a cualquier contenedor (div, span, etc.) en el que quiera colocarse el número de checkboxes seleccionadas.

Este es el script de los dos códigos combinados, para que lo haga todo junto:

jQuery(document).ready(function($) {
    var limit = 3; // Change this to your desired limit
    $(document).on('change', 'input[name="item_meta[973][]"]', function() {
        // Limit the number of checked checkboxes
        var checkbox_num = $('input[name="item_meta[973][]"]:checked').length;
        if (checkbox_num > limit) {
            this.checked = false;
        }

        // Count checked checkboxes
        var val1 = $('input[name="item_meta[973][]"]:checked').length;
        $("#field_checkLimit").val(val1);
    });
});

Un formulario insertado en un Bootstrap Modal (add-on de Formidable) no refrescará automáticamente la página, ocurriendo que, a la hora de hacer clic fuera de la ventana modal y luego abrir la modal de nuevo, mostrará el mismo formulario con el mensaje de éxito o error. Manualmente hay que recargar la página con el navegador.

Para evitar esto, hay que:

1. En los Ajustes del formulario > Al Enviar: Mostrar el formulario con el mensaje de confirmación.

2. Ajustes > Ajax > Activar Enviar este formulario con Ajax.

3. En los mensajes Al Enviar y Al Actualizar, colocar el siguiente javascript:

<script>
    setTimeout("window.location.reload(true);",2000);
</script> 

Siendo 2000 el número de milisegundos para que recargue la página.

Añadir el siguiente código en After Fields (Campos Después):

<script>
   function titleCase(string) {
      var sentence = string.toLowerCase().split(" ");
      for(var i = 0; i< sentence.length; i++){
         sentence[i] = sentence[i][0].toUpperCase() + sentence[i].slice(1);
      }
   return (sentence.join(" "));
   }
</script>

Del campo que se requiera transformar, buscar la caja correspondiente en Ajustes > Personalizar HTML, y sustituir el [input] por:

[input onblur="this.value = titleCase(this.value);"]

El método onblur ocurre cuando se pierde el foco del campo. Si se desea que ocurra mientras se escribe, usar onkeyup.

Se tienen dos campos: uno con RTF (text-rtf) y otro como texto normal (text-norm).
El objetivo es copiar el texto ingresado en text-rtf a text-norm despojándolo de todas las etiquetas HTML.
De pilón, despojar también de la entidad   y otros semovientes similares que vayan apareciendo.

Se coloca en Personalizar HTML > «Campos después» (Fields after) del formulario, el siguiente código:

<script type="text/javascript">
jQuery( document ).ready( function ( $ ) { //COPIA DE text-rtf A text-norm
    $( '#field_text-rtf' ).change ( function () { //source field key
        var originalValue = $( "#field_text-rtf" ).val(); //source field key
        var newValue = originalValue.replace( /(<([^>]+)>)|&nbsp;/ig, '');
        $( "#field_text-normal" ).val( newValue ); //destination field key
        $( "#field_text-normal" ).change(); //destination field key
    });
});
</script>

La clave es el RegEx que está dentro del método Replace:

/(<([^>]+)>)|&nbsp;/ig

El cual se divide con la entidad «|» (or) para buscar también la entidad  .
El RegEx sólo para las etiquetas es

/(<([^>]+)>)/ig

Como siempre, poner el script en Personalizar HTML > «Campos después» (Fields after) del formulario.

<script type="text/javascript">
jQuery(document).ready(function($){ // Limita número de caracteres a 20
    $('#field_CLAVE_CAMPO').change(function(){ // Cambiar CLAVE_CAMPO al field key necesario
        if($(this).val().length>20){
             $(this).val($(this).val().substr(0, 20)); // Cambiar ambos 20 por el límite deseado
        }
    });
});
</script>

Sin embargo, este código no funciona para impedir escribir más de 20 caracteres, simplemente «trunca» el texto ingresado después del vigésimo caracter. En caso de que quiera impedirse que se pase de 20 caracteres, usar el built-in de Formidable sólo en texto normal, no en RTF.

Tomado y corregido de Limit number of characters en Formidable Forms hooks for developers.