GWT電話號碼屏蔽

Question

有誰知道如何去創造，將執行電話號碼格式的掩碼字段，喜歡這裏(___) ___-____：
http://www.smartclient.com/smartgwt/showcase/#form_masking

Answer 1

更好的方法是讓用戶輸入他們想要的任何東西：「789-555-1234」或「（789）555-1234」或「7895551234」，然後當字段失去焦點時決定他們是否鍵入可以是電話號碼。如果是這樣，你可以將它重新格式化爲「（789）555-1234」。關於如何用正則表達式來做這種事情，有幾個相關的問題;只要確保你的正則表達式接受你改變用戶輸入的格式，否則編輯真的很煩人。

舉一個例子，看看當你在微軟的標準頁面設置對話框的左邊距字段中輸入「.5」時會發生什麼：當你將其標籤改爲「0.5」。

更新：這是GWT中的示例代碼來說明。爲了這個例子，假設有一個名爲「phoneContainer」的元素來放置文本框。GWT並沒有給你完整的java.util.regex包，但它足夠做到這一點：

private void reformatPhone(TextBox phoneField) { 
    String text = phoneField.getText(); 
    text = text.replaceAll("\\D+", ""); 
    if (text.length() == 10) { 
     phoneField.setText("(" + text.substring(0, 3) + ") " + text.substring(3, 6) + "-" + text.substring(6, 10)); 
    } 
} 


public void onModuleLoad() { 
    final TextBox phoneField = new TextBox(); 

    RootPanel.get("phoneContainer").add(phoneField); 
    phoneField.addBlurHandler(new BlurHandler(){ 
     public void onBlur(BlurEvent event) { 
      reformatPhone(phoneField); 
     } 
    }); 
} 

Answer 2

它看起來像你想創建自己的控件，它擴展了GWT輸入框，並將默認值設置爲所需的掩碼。然後處理onKeypress事件並根據需要更新字段（確保將光標位置設置爲正確的位置）。