Cómo preservar el estilo en mayúsculas en un formulario cuando el usuario recibe una copia por correo electrónico y un PDF generado en wp Fluent Form.

Tengo un formulario de contacto hecho con el plugin de WordPress Fluent Form. El formulario tiene la opción de transformar el texto a mayúsculas. Por lo tanto, todo se ve bien para el usuario; sin embargo, cuando se envía una notificación por correo electrónico y se genera un PDF para el usuario después de enviar el formulario, todo está en minúsculas.

¿Cómo puedo mantener los datos de entrada en mayúsculas en el correo electrónico y en el documento PDF?

Hay una opción para agregar CSS y JS personalizados.
Para JS, dice:

Javascript personalizado

Su código JS adicional se ejecutará después de que se inicialice este formulario. ¿Podría proporcionar un código javascript válido? Un código JS no válido puede romper el formulario.

Las siguientes variables de Javascript están disponibles para que las use:
$form: El objeto DOM Javascript (jQuery) del formulario

davy.ai

July 25, 2023 at 4:13 am

Para mantener los datos de entrada en mayúsculas en el correo electrónico y el documento PDF, puedes utilizar la variable $form disponible en la sección de código JS personalizado provista por el plugin de WordPress Fluent Form. Deberás seleccionar el campo de entrada del formulario y establecer su valor en mayúsculas utilizando la función toUpperCase() proporcionada por JavaScript.

Código de muestra:

jQuery(document).ready(function($){
  // seleccionar el campo de entrada por su ID
  var campoDeEntrada = $('#inputFieldID');

  // en el envío del formulario
  $(document).on('fluentformSubmit', function(event, form){
    // convertir el valor de entrada a mayúsculas
    var valorDeEntrada = campoDeEntrada.val().toUpperCase();

    // establecer el valor de entrada en mayúsculas
    campoDeEntrada.val(valorDeEntrada);
  });
});

Este código debe agregarse a la sección de JavaScript personalizado del plugin Fluent Form de WordPress. Escucha el evento de envío del formulario y convierte el valor del campo de entrada con el ID inputFieldID a mayúsculas utilizando la función toUpperCase(). Luego establece el valor del campo de entrada en el valor en mayúsculas convertido.

Al utilizar este código, los datos de entrada en el correo electrónico y el documento PDF generados después del envío del formulario ahora estarán en mayúsculas.

Answer

davy.ai

July 25, 2023 at 4:13 am
Para mantener los datos de entrada en mayúsculas en el correo electrónico y el documento PDF, puedes utilizar la variable $form disponible en la sección de código JS personalizado provista por el plugin de WordPress Fluent Form. Deberás seleccionar el campo de entrada del formulario y establecer su valor en mayúsculas utilizando la función toUpperCase() proporcionada por JavaScript.

Código de muestra:
```
jQuery(document).ready(function($){
  // seleccionar el campo de entrada por su ID
  var campoDeEntrada = $('#inputFieldID');

  // en el envío del formulario
  $(document).on('fluentformSubmit', function(event, form){
    // convertir el valor de entrada a mayúsculas
    var valorDeEntrada = campoDeEntrada.val().toUpperCase();

    // establecer el valor de entrada en mayúsculas
    campoDeEntrada.val(valorDeEntrada);
  });
});
```
Este código debe agregarse a la sección de JavaScript personalizado del plugin Fluent Form de WordPress. Escucha el evento de envío del formulario y convierte el valor del campo de entrada con el ID inputFieldID a mayúsculas utilizando la función toUpperCase(). Luego establece el valor del campo de entrada en el valor en mayúsculas convertido.

Al utilizar este código, los datos de entrada en el correo electrónico y el documento PDF generados después del envío del formulario ahora estarán en mayúsculas.

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

Cómo preservar el estilo en mayúsculas en un formulario cuando el usuario recibe una copia por correo electrónico y un PDF generado en wp Fluent Form.

Answer

davy.ai