1

Estoy tratando de convertir un texto, al momento que lo ingresen en mayuscula o en minuscula , en Capitalice

TEXTO INGRESADO PRUEBA

'Texto Ingresado Prueba'

'texto ingresado prueba'

Estos son los posibles formatos de texto que puedan ingresar

el resultado debería ser

'Texto ingresado prueba'

     $('#campoTexto').keyup(function () {
          // string.charAt(0).toUpperCase() + string.slice(1);

          console.log($(this).val().substr(0, 1).toUpperCase() + $(this).val().substr(1).toLowerCase())
          $(this).val($(this).val().substr(0, 1).toUpperCase() + $(this).val().substr(1).toLowerCase());
        });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="campoTexto" />

Este es el codgio que estoy utilizando , pero al momento de mostrar los datos me los muestra de esta forma:

'Texto ingresado prueBA'

A veces llega con la ultima letra en mayúscula o con las dos ultimas , Alguien me puede ayudar que salga el texto capitalizado

4
  • validar en onkeyup es costoso, podrias validar al salir del input con el onfocusout Commented el 21 jun. 2019 a las 20:07
  • @JackNavaRow por que costoso ? Commented el 21 jun. 2019 a las 20:08
  • vas a estar validando por cada letra que presione, cuando hablo de costoso es a nivel de procesamiento Commented el 21 jun. 2019 a las 20:10
  • Entiendo , pero según la política de mi compañía , tiene que convertir el texto a minúscula mientras se ingresa Commented el 21 jun. 2019 a las 20:12

2 respuestas 2

1

Puedes convertir todo a minusculas primero asi:

  $("#boton").click(function(){
   console.log($("#campoTexto").val())
  });



$('#campoTexto').keyup(function () {
      // string.charAt(0).toUpperCase() + string.slice(1);
      $(this).val($(this).val().toLowerCase());
      $(this).val($(this).val().substr(0, 1).toUpperCase() +    $(this).val().substr(1));
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<input id="campoTexto">
<input type="button" id="boton"  value="Enviar" >

5
  • El problema esta al momento de pintarlo no al ingresarlo en el campo serivira igual ? Commented el 21 jun. 2019 a las 19:53
  • Realice la prueba y sigue comportandose igual Commented el 21 jun. 2019 a las 19:56
  • 1
    Como puedes ver aqui funciona correctamente
    – alanfcm
    Commented el 21 jun. 2019 a las 20:06
  • le puse keydown para realizar la prueba y me estra el texto asi AaaaaaaA como si no alcanzara a convertir la ultima letra Commented el 21 jun. 2019 a las 20:27
  • 1
    Esta repuesta funciono para mi solo con un cambio en el codigo .keypress(function () Tenia que cambiar el keyup por keypress Commented el 21 jun. 2019 a las 21:10
0

Puedes ir remplazando los elementos con una expresión regular.

 $('#campoTexto').keyup(function () {
    $(this).val($(this).val().replace(/^(.)|\s(.)/g,
      function(txt){ return txt.toUpperCase( ); }
      ));
  });

Explicación de /^(.)|\s(.)/g

Son 2 alternativas:

  1. ^(.) Busca el primer elemento del grupo de palabras.
  2. \s(.) Busca los espacios en blanco y el elemento que le sigue al espacio en blanco.
2
  • 2
    Hola, gracias por tu contribución, te sugiero agregar una explicación de lo que realiza el código, revisa Cómo responder, saludos.!
    – Jorgesys
    Commented el 21 jun. 2019 a las 20:07
  • Gracias lo leeré..
    – IAVEGA
    Commented el 21 jun. 2019 a las 20:09

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.