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事件并根据需要更新字段（确保将光标位置设置为正确的位置）。