[SOLUCIONADO] Primera Letra A Mayusculas De Cada Palabra

[yoyo_38tuzo]

Buenas tardes comunidad e implementado este codigo pero no se porque no me convierte a Mayusculas la primera letra de cada palabra:

Código Javascript:

function convertir(tipo){
 var nombre = document.getElementById("nombre");
 var texto = nombre.value;
 if (tipo == 2);{
     nombre.value = texto.toUpperCase();
     }
     {
 var apaterno = document.getElementById("apaterno");
 var texto1 = apaterno.value;
 if (tipo == 2);{
     apaterno.value = texto1.toUpperCase();
}
 var amaterno = document.getElementById("amaterno");
 var texto3 = amaterno.value;
 if (tipo == 2);{
     amaterno.value = texto3.toUpperCase();
}
 

En mi botón tengo lo siguiente:
onClick="convertir(2);"

Muchas gracias por la ayuda

[PHPeros]

Das poca información en relación al código.

PD: Busca title+case+javascript en google.

[yoyo_38tuzo]

Iniciado por PHPeros

Das poca información en relación al código.

PD: Busca title+case+javascript en google.

Lo que pasa es que quiero convertir la primera letra de cada palabra en mayusculas pero por medio de cajas de texto, algo asi.
GREGORIO VARGAS = Gregorio Vargas
gregorio vargas = Gregorio Vargas

No se que mas parte de codigo pueda proporcionar para que me ayuden a resolver este inconveniente, he checado php pero no se como adaptarlo a una caja de texto :/

[IsaBelM]

Y por que no lo haces en el lado del servidor?

[yoyo_38tuzo]

Iniciado por IsaBelM

Y por que no lo haces en el lado del servidor?

No se como hacerlo :/ he leido php pero no se como se puede adaptar a lo que son las cajas de texto o formulario

[IsaBelM]

Cuando recibas el formulario usa la funcion ucwords de php

[Alexis88]

En la página phpjs.org, ofrecen varios métodos para JavaScript cuya funcionalidad es similar a las que tiene PHP con el mismo nombre, por ejemplo, ucwords.

Saludos

[yoyo_38tuzo]

Iniciado por Alexis88

En la página phpjs.org, ofrecen varios métodos para JavaScript cuya funcionalidad es similar a las que tiene PHP con el mismo nombre, por ejemplo, [URL="http://phpjs.org/functions/ucwords/"][inline]ucwords[/inline][/URL].

Saludos

Pero como lo adapto a mi proyecto? ese es el punto, no se si tiene que ir en el formulario, en algún evento o en las cajas de texto

[Alexis88]

Es una función. Solo tienes que pasarle un valor como parámetro y te devolverá una respuesta. En este caso, le tienes que pasar una cadena y te devolverá la cadena con la primera letra en mayúscula.

Saludos

[yoyo_38tuzo]

Iniciado por Alexis88

Es una función. Solo tienes que pasarle un valor como parámetro y te devolverá una respuesta. En este caso, le tienes que pasar una cadena y te devolverá la cadena con la primera letra en mayúscula. También puedes usar expresiones regulares o convertir la cadena en un array integrado por cada palabra de la misma, luego, utilizarías un bucle para recorrerlo y aplicar la función ucwords a cada palabra.

Saludos

Algun ejemplo con el que me pueda ayudar? porque prácticamente no entiendo nada :S soy nuevo en esto.

[Alexis88]

Tomando la función del enlace que te pasé:

Código Javascript:

function ucwords(oracion){
    return oracion.replace(/^([a-z\u00E0-\u00FC])|\s+([a-z\u00E0-\u00FC])/g, function($1){
       return $1.toUpperCase(); 
    });
}
 
console.log(ucwords("hola mundo")); //Hola Mundo
 

Saludos

[yoyo_38tuzo]

Iniciado por Alexis88

Tomando la función del enlace que te pasé:

Código Javascript:

function ucwords(str) {
  return (str + '')
    .replace(/^([a-z\u00E0-\u00FC])|\s+([a-z\u00E0-\u00FC])/g, function($1) {
      return $1.toUpperCase();
    });
}
 
console.log(ucwords(hola mundo)); //Hola Mundo
 

Saludos

Esta parte si la entiendo, pero lo que no se es adaptarla a una caja de texto, o no se si pudiera al formulario, como lo tendria que hacer? es un formularia que inserta en mysql

[Alexis88]

De la función que mostraste al inicio, quédate con las líneas en las que tomas los valores de cada caja de texto, luego, convierte cada uno de dichos valores usando la función y retórnalos a sus respectivas cajas de texto.

Saludos

[yoyo_38tuzo]

Iniciado por Alexis88

De la función que mostraste al inicio, quédate con las líneas en las que tomas los valores de cada caja de texto, luego, convierte cada uno de dichos valores usando la función y retórnalos a sus respectivas cajas de texto.

Saludos

Lo intente pero no me salio, gracias por la ayuda

[IsaBelM]

inténtalo así

function ucwords(oracion){
oracion.value = oracion.value.replace(/^([a-z\u00E0-\u00FC])|\s+([a-z\u00E0-\u00FC])/g, function($1){
return $1.toUpperCase();
});
}



<input type="text" onkeyup="ucwords(this)" />
<input type="text" onkeyup="ucwords(this)" />

[yoyo_38tuzo]

Iniciado por IsaBelM

inténtalo así

Lo probé con minúsculas y estuvo todo perfecto, pero cuando lo utilizo con mayúsculas, me deja todas las letras en mayúscula.

[PHPeros]

Pues pásalo todo a minúculas primero.

[yoyo_38tuzo]

He resuelto el problema con la ayuda de Alexis88, PHPeros e IsaBelM, he juntado el código Javascipt que tenia antes con el que me han proporcionado y me ha quedado de la siguiente manera:

Código Javascript:

function convertir(tipo){
 var nombre = document.getElementById("nombre");
 var texto = nombre.value;
 if (tipo == 2);{
     nombre.value = texto.toLowerCase();
     nombre.value = nombre.value.replace(/^([a-z\u00E0-\u00FC])|\s+([a-z\u00E0-\u00FC])/g, function($1){
return $1.toUpperCase(); 
});
     }
 

Código PHP:

<input type="submit" value="Insertar registro" id="btsubmit" onClick="convertir(2);"/>
 

Lo primero que hace el código, es convertir a minúsculas todas las letras de las palabras, y después modificar cada primera letra de cada palabra a Mayúsculas, espero les pueda servir ya que he llevado bastante tiempo encontrar una solución que se adecue a mis necesidades, gracias por sus comentarios.