Consenti solo numeri nella casella di testo in GWT?

Question

Ho un requisito in cui ho bisogno di consentire solo numeri nella casella di testo. se l'utente tenta di inserire altri caratteri diversi dai numeri, è necessario annullare l'evento. Per favore aiutami come ottenere questo?

Grazie!

Answer 1

Devi solo convalidare l'input degli utenti su un determinato evento. Può essere ad es. su ogni tasto (KeyPressEvent), quando il TextBox perde lo stato attivo (ValueChangeEvent), su un pulsante, premere (ClickEvent) e così via. Implementa un gestore di eventi, ad es. KeyPressHandler e registra la tua implementazione con il TextBox. Quindi nel gestore si convalida il valore del TextBox e se contiene qualcosa di diverso dai numeri, si ritorna dal metodo, probabilmente in qualche modo dicendo all'utente che il valore non era valido.

Qualcosa di simile a questo:

final TextBox textBox = new TextBox(); 
textBox.addKeyPressHandler(new KeyPressHandler() { 
    @Override 
    public void onKeyPress(KeyPressEvent event) { 
     String input = textBox.getText(); 
     if (!input.matches("[0-9]*")) { 
      // show some error 
      return; 
     } 
     // do your thang 
    } 
}); 

Se si dispone di un sacco di convalida da fare, probabilmente si desidera introdurre un quadro di riferimento di convalida, che consente di risparmiare da un sacco di reinventare la ruota. Ci possono essere alternative migliori al giorno d'oggi, ma personalmente sono stato abbastanza soddisfatto con lo GWT-VL validation framwork.

Answer 2

Quanto segue è un approccio più generico e consente il riutilizzo del codice. Puoi utilizzare il gestore NumbersOnly per qualsiasi casella di testo (della stessa classe) che desideri.

intbox1.addKeyPressHandler(new NumbersOnly()); 
intbox2.addFocusHandler(new OnFocus()); 


//inner class 
class NumbersOnly implements KeyPressHandler { 
     @Override 
     public void onKeyPress(KeyPressEvent event) { 
      if(!Character.isDigit(event.getCharCode())) 
       ((IntegerBox)event.getSource()).cancelKey(); 
     } 
    } 

Answer 3

class NumbersOnly implements KeyPressHandler { 

     @Override 
     public void onKeyPress(KeyPressEvent event) { 
      if (!Character.isDigit(event.getCharCode()) 
        && event.getNativeEvent().getKeyCode() != KeyCodes.KEY_TAB 
        && event.getNativeEvent().getKeyCode() != KeyCodes.KEY_BACKSPACE){ 
       ((IntegerBox) event.getSource()).cancelKey(); 
      } 
     } 
    } 

Answer 4

ho aggiunto altre eccezioni, ad esempio la possibilità di copiare il numero. Impedisce ancora l'incollatura di cose dagli appunti.

public class NumbersOnlyKeyPressHandler implements KeyPressHandler { 
    @Override 
    public void onKeyPress(KeyPressEvent event) { 

     switch(event.getNativeEvent().getKeyCode()) { 
     case KeyCodes.KEY_TAB: 
     case KeyCodes.KEY_BACKSPACE: 
     case KeyCodes.KEY_DELETE: 
     case KeyCodes.KEY_LEFT: 
     case KeyCodes.KEY_RIGHT: 
     case KeyCodes.KEY_UP: 
     case KeyCodes.KEY_DOWN: 
     case KeyCodes.KEY_END: 
     case KeyCodes.KEY_ENTER: 
     case KeyCodes.KEY_ESCAPE: 
     case KeyCodes.KEY_PAGEDOWN: 
     case KeyCodes.KEY_PAGEUP: 
     case KeyCodes.KEY_HOME: 
     case KeyCodes.KEY_SHIFT: 
     case KeyCodes.KEY_ALT: 
     case KeyCodes.KEY_CTRL:break; 
     default: 

      if(event.isAltKeyDown() || (event.isControlKeyDown() && (event.getCharCode() != 'v'&& event.getCharCode() != 'V')) ) 
       break; 

      if(!Character.isDigit(event.getCharCode())) 
        if(event.getSource() instanceof IntegerBox) 
         ((IntegerBox)event.getSource()).cancelKey(); 
     } 
    } 
} 

Answer 5

Provate questo:

public void onKeyPress(KeyPressEvent event) { 
    if(event.getNativeEvent().getKeyCode()!=KeyCodes.KEY_DELETE && 
     event.getNativeEvent().getKeyCode()!=KeyCodes.KEY_BACKSPACE && 
     event.getNativeEvent().getKeyCode()!=KeyCodes.KEY_LEFT && 
     event.getNativeEvent().getKeyCode()!=KeyCodes.KEY_RIGHT){ 
      String c = event.getCharCode()+""; 
      if(RegExp.compile("[^0-9]").test(c)) 
       textbox.cancelKey(); 
    } 
} 

Answer 6

Sostituisci il tuo TextBox sia con un IntegerBox o LongBox.

Questo non è semanticamente uguale a consentire solo cifre, ma è discutibilmente migliore nella maggior parte dei casi di utilizzo. Si otterrà anche l'analisi di interi in e out effettuata gratuitamente.