es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Extraer solo las iniciales de entrada modal.

19 Jul, 2023 Programación

Tengo una entrada modal con 2 campos. Uno es la entrada de texto para el nombre completo y el segundo es un campo desactivado para obtener el resultado en vivo. El resultado es la primera letra en mayúscula de cada palabra en el campo de texto de entrada 1. No tengo ni idea de cómo hacer esto, ¿alguna sugerencia o idea?

$(function() {
  var $src = $('#inputClientName'),
    $dst = $('#disabledinputClientCode');
  $src.on('input', function() {
    $dst.val($src.val());
  });
});

//Esto es lo que probé:
//match(/(\b\S)?/g).join(“”).toUpperCase()

Este código me permite copiar la entrada en el bloque de texto de destino. Intenté usar el código de prueba mencionado anteriormente y no obtuve el resultado deseado. Por favor, ayuda.

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para capitalizar cada palabra en el campo de texto de entrada, puedes modificar el código existente para dividir la cadena de entrada por espacio, recorrer cada palabra, capitalizar la primera letra de cada palabra usando charAt(0).toUpperCase(), y unir las palabras nuevamente con un separador de espacio.

    Aquí tienes un ejemplo del fragmento de código:

    $(function() {
  var $src = $('#inputClientName'),
      $dst = $('#disabledinputClientCode');

  $src.on('input', function() {
    var words = $src.val().split(' ');
    for (var i = 0; i < words.length; i++) {
      words[i] = words[i].charAt(0).toUpperCase() + words[i].slice(1);
    }
    $dst.val(words.join(' '));
  });
});

    Este código escucha el evento de entrada en el campo de entrada del origen, divide el valor por espacio en un array de palabras, capitaliza cada palabra y establece el texto capitalizado como el valor del campo de entrada de destino.

Comments are closed.