java - GWT电话号码屏蔽

有谁知道如何创建执行电话号码格式屏蔽的字段，例如 (___) ___-____ :
http://www.smartclient.com/smartgwt/showcase/#form_masking

最佳答案

更好的方法是让用户输入他们想要的任何内容:“789-555-1234”或“[phone]”或“7895551234”，然后当字段失去焦点时决定他们输入的内容是否可以是电话数字。如果是这样，您可以将其重新格式化为“[phone]”。关于如何用正则表达式做这种事情，有几个相关的问题；只需确保您的正则表达式接受您将用户输入更改为的格式，否则编辑起来会很烦人。

举个例子，看看当你在微软标准页面设置对话框的左边距字段中输入“.5”时会发生什么:当你用tab键将其更改为“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);
        }
    });
}