Question

0

102

Visualizações

Modal Input extract initials only

I have a modal input with 2 fields. One is the text input for the full name and the second is a disabled field to get the live result. The result is the Capitalized letter of each word in the input text field 1. I have no clue on how to go about doing this, any thoughts or ideas?

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

//This is what I tested:
//match(/(\b\S)?/g).join("").toUpperCase()

This code lets me copy the input into the destination text block. I tried using the test code above and could not get the desired result. Please help.

about 4 years ago · Juan Pablo Isaza

2 Respostas

Responde à pergunta

0

Responde à pergunta

Encontrar trabalhos remotos

Answer 1 · 2022-07-08T03:03:33.303Z

I think easiest would be to use a Regex. Something like this should do the job:

const input = "This Is Some Test";
const output = input.match(/[A-Z]/g);

console.log(output);

Answer 2 · 2022-07-08T03:03:33.311Z

You can use CSS to do that. There is a CSS prop: text-transform (docs here). When you add text-transform: capitalize; to the styling of the input it will capitalize each word. Now all you have to do is set the value of the first input to be equal to the value of the second input.

0

102

Modal Input extract initials only

2 Respostas

0

0

Encontrar trabalhos remotos

Andres GPT