primera - solo mayusculas javascript

¿Cómo hacer que todo en un campo de texto sea mayúscula/mayúscula?

Question

Quiero hacer que todo lo que escribo en un campo de texto sean mayúsculas. Mientras escribo, no después de perder el foco.

¿Cómo hago esto usando jQuery?

Answer 1

Es posible que necesite utilizar una combinación de estos.

el uso del estilo de transformación de texto solo muestra el tipo en mayúsculas, aunque el valor puede estar en minúsculas.

El javascript solo cambiará el texto actual a la parte superior una vez que el campo cambie o se pierda el enfoque

puede usar jquery de gazler o simplemente javascript en línea

por ejemplo, onblur = ''javascript: this.value = this.value.toUpperCase ();''

Esto significa que el valor del texto aparecerá en mayúsculas y en realidad se colocará en mayúsculas cuando el valor cambie / control pierda el foco.

HTH Sam

Answer 2

Para basarse en la respuesta de @ Gazler, una solución mejorada que maneje mejor las teclas modificadoras (suponiendo que tenga un marcador de posición de mayúsculas y minúsculas y no pueda establecer text-transform: uppercase; ):

$(''.search-input input[type=text]'').keyup(function() {
var v = $(this).val();
var u = v.toUpperCase();
if( v != u ) $(this).val( u );
})

Answer 3

Utilizar
oninput=''this.value=this.value.toUpperCase();
Este evento es solo para estos casos, se activa después de que el usuario lo ingresa (presionando la tecla) pero antes de actualizar (mostrar el valor), por lo que con este texto escrito no parpadeará mientras se convierte, y el valor también es correcto (no es como usar solo el estilo para modificar visualizar sin cambiar datos reales).

Answer 4

Yo usaría CSS para esto.

Simplemente agregue text-transform: uppercase a su estilo, y luego, en el lado del servidor, puede convertirlas en mayúsculas.

input {
text-transform: uppercase;
}

Answer 5

$(''input[type=text]'').keyup(function() {
$(this).val($(this).val().toUpperCase());
});