只允許GWT中的文本框中的數字？

Question

我有一個要求，我需要只允許在文本框中的數字。如果用戶試圖輸入除數字以外的任何其他字符，則我們需要取消該事件。請幫我怎麼做到這一點？

謝謝！

Answer 1

您只需驗證某個事件的用戶輸入。它可以是例如每次按鍵（KeyPressEvent），當TextBox失去焦點時（ValueChangeEvent），按下按鈕（ClickEvent）等等。你實現一個事件處理程序，例如KeyPressHandler並使用TextBox註冊您的實現。然後在您的處理程序中驗證TextBox值，如果它包含除數字之外的其他內容，則只需從該方法返回，可能以某種方式告訴用戶該值無效。

事情是這樣的：

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 
    } 
}); 

如果你有很多的驗證做，你可能要爲大家介紹一些驗證框架，把你從大量的重新發明輪子的。現在可能有更好的選擇，但是我個人對GWT-VL validation framwork相當滿意。

Answer 2

以下是更通用的方法，並允許重複使用代碼。您可以使用NumbersOnly處理程序來處理您希望的任何文本框（同一個類）。

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

我添加了其他的例外，例如拷貝數的可能性。它仍然阻止從剪貼板粘貼東西。

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

試試這個：

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

與任何一個IntegerBox或LongBox更換你的TextBox。

這在語義上與僅允許數字的語義不同，但在大多數使用情況下可以說它更好。 您還可以免費進行輸入和輸出整數解析。