2012-03-06 17 views
10

Estoy desarrollando algunas formas para que mi compañía las use. Consulto e inserto datos en la base de datos, pero para problemas estándar quiero transformar el texto que ingreso a mayúsculas, ¿Cómo hago eso?cómo controlar o cambiar todo el texto a mayúsculas

Ejemplo de una de mis formas:

Quiero los campos de texto que introduzca en transforman automáticamente a mayúsculas, o los datos que entran en mi base de datos ya transformado en mayúsculas (en el caso de que el usuario doesn' t introdúcelo de esa manera).


EDIT:

Trato

$("tbCiudad").change(function() { 
    $(this).val($(this).val().toUpperCase()); 
}); 

o

$("tbCiudad").keyup(function() { 
    $(this).val($(this).val().toUpperCase()); 
}); 

y no pasa nada a ese campo. ¿Qué estoy haciendo mal?

+0

Consulte esta [¿Cómo puedo forzar la entrada a mayúsculas en un cuadro de texto ASP.NET?] (Http://stackoverflow.com/a/202545/500725) –

+0

no hay tal elemento en html: 'tbCiudad'. debe usar 'input [type = text]' para cualquier entrada de texto o un selector más específico como una clase o ID –

+0

gracias hombre, funciona bien –

Respuesta

19
$("input[type=text]").keyup(function(){ 
    $(this).val($(this).val().toUpperCase()); 
}); 
+0

esto hacer algo si ingresé los números? o si ya ingresó el texto en mayúscula? –

+0

lo intento pero no pasa nada –

+0

eso es raro. debería funcionar bien, a menos que tenga otros errores de javascript en su página. Ver [aquí] (http://jsfiddle.net/cpF7C/) un ejemplo en vivo de este –

2

Usando el viejo y simple JavaScript utiliza toUpperCase()

+0

$ ("# codigoCliente").toUpperCase(), algo como esto? –

+0

si ingresé los números ¿cambian algo ?, ¿cómo controlo el texto que ingresé? si no está en mayúsculas, transfórmala, y si el texto en mayúsculas no hace nada –

+0

los números no se verán afectados; si ya está en mayúscula, seguirá ejecutando la transformación, pero no se modificará nada. –

0

el uso de JavaScript toUpperCase.

También estoy seguro de que hay una función en ASP para hacer eso como strtoupper en PHP

0

Usted puede utilizar el método javacsript toUpperCase() para esta conversión.

4

Puede agregar un controlador de eventos con javascript (jquery o si quieres) a keypress o blur eventos de esos cuadros de texto y luego aplicar lo que sugiere Jay Blanchard. Algo como esto:

$("input[type='text']").bind("blur", null, function(e) { 
    $(this).val($(this).val().toUpperCase()); 
}); 
+0

gracias esto funciona bien –

0

Basta con aplicar clase CSS a todos los campos obligatorios: -

.uppercase 
{ 
    text-transform: uppercase; 
} 

Consulte CSS text-transform Property

1

¿Quieres guardarlo o sólo muestran en MAYÚSCULAS?

Si sólo necesita mostrar, puede que CSS:

<style type="text/css"> 
input { 
    text-transform:uppercase; 
} 
</style> 

Si desea guardarlo en mayúsculas, el lado del servidor es la mejor manera de hacerlo. Sugiero crear un ModelBinder personalizado que llame al String.ToUpper en cada propiedad de cadena.

También puede combinar ambas estrategias.

+0

quiero mostrarlo, y guardarlo en mayúscula –

+0

Esto no se almacena en mayúscula –

+1

Es por eso que dije 'si solo necesitas mostrar, puedes CSS ' – goenning

1

utilizar esta función

<script type="text/javascript" language="javascript"> 
     $(document).ready(function(){ 
     $("#text_field_id").keyup(function() { 
     $(this).val($(this).val().toUpperCase()); 
     }); 
     }); 
</script> 
Cuestiones relacionadas