2012-03-06 14 views
10

Sto sviluppando alcuni moduli da utilizzare per la mia azienda. Consulto e inserisco dati nel database, ma per problemi standard voglio trasformare il testo che inserisco in maiuscolo, come faccio?come controllare o modificare tutto il testo in maiuscolo

Esempio di una delle mie forme:

voglio i campi di testo entro in trasformata automaticamente in maiuscolo, o i dati che io entro in mio database già trasformato in maiuscolo (nel caso in cui l'utente doesn' t inseriscilo in questo modo).


EDIT:

cerco

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

o

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

e non succede nulla a quel campo. Che cosa sto facendo di sbagliato?

+0

consultare questo [Come posso forzare di ingresso in maiuscolo in una casella di testo ASP.NET?] (Http://stackoverflow.com/a/202545/500725) –

+0

non c'è tale elemento in html: 'tbCiudad'. dovresti usare 'input [type = text]' per qualsiasi input di testo o un selettore più specifico come una classe o ID –

+0

grazie man, funziona alla grande –

risposta

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

questo fa qualcosa se ho inserito i numeri? o se alredy inserisci il testo in maiuscolo? –

+0

lo provo ma non succede nulla –

+0

questo è strano. dovrebbe funzionare bene, a meno che tu non abbia altri errori javascript sulla tua pagina. Vedi [qui] (http://jsfiddle.net/cpF7C/) un esempio dal vivo di questo –

2

Utilizzando pianura vecchio JavaScript usare toUpperCase()

+0

$ ("# codigoCliente").toUpperCase(), qualcosa di simile? –

+0

se ho inserito i numeri cambia qualcosa ?, come controllo il testo che ho inserito? se non è maiuscolo trasformarlo, e se il testo in maiuscolo non fa nulla, i numeri –

+0

non saranno interessati, se è già in maiuscolo, eseguirà comunque la trasformazione, ma nulla verrà effettivamente modificato. –

0

utilizzare JavaScript metodo toUpperCase.

io sono sicuro che ci sia una funzione in ASP per fare questo, come strtoupper in PHP

0

È possibile utilizzare il metodo javacsript toUpperCase() per questa conversione anche.

4

È possibile aggiungere un gestore di eventi con javascript (o jquery se volete) per keypress o blur eventi di quei caselle di testo e quindi applicare quello che Jay Blanchard suggerito. Qualcosa di simile a questo:

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

grazie a questo funziona benissimo –

0

vale solo classe CSS a tutti i campi richiesti: -

.uppercase 
{ 
    text-transform: uppercase; 
} 

consultare CSS text-transform Property

1

Volete salvare o mostrare solo in maiuscolo?

Se è necessario solo per mostrare, è possibile che si CSS:

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

Se si vuole salvarlo in maiuscolo, il lato server è il modo migliore per farlo. Suggerisco di creare un ModelBinder personalizzato che chiami String.ToUpper su ogni proprietà stringa.

È inoltre possibile combinare entrambe queste strategie.

+0

voglio mostrarlo e salvarlo su maiuscolo –

+0

Questo non memorizza in maiuscolo –

+1

Ecco perché ho detto 'Se devi solo mostrare, puoi farlo CSS ' – goenning

1

utilizzare questa funzione

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