使用Google Web Toolkit進行表單驗證？

Question

我是GWT新手。表單驗證有什麼好的解決方案？如果可能的話，我想避免自己滾動。

Answer 1

GXT和SmartGWT（我強烈建議，兩者都有很多原因）都有表單驗證。

GWT的編輯器框架提供的平均顯示javax.validation.ConstraintViolation（你仍然必須通過實施HasEditorErrors接收錯誤的某一領域做實際的顯示;編輯框架僅分派錯誤到適當的「田」）但沒有什麼可以在客戶端驗證。最近發佈的GWT 2.3已經在客戶端對JSR 303 Bean Validation進行了初步支持，但它尚未完成：http://code.google.com/p/google-web-toolkit/wiki/BeanValidation 我認爲GWT 2.4將有完整（或幾乎完整）的支持。

請注意，GWT在驗證方面的權益是驗證對象，而不是驗證編輯對象屬性的「表單域」。

Answer 2

在我的GWT應用程序中，我總是使用我的自定義驗證器類。我創建了我自己的文本框類，它擴展了gwt文本框。我調用CustomTextBox而不是gwt的文本框。

CustomTextBox.java

public class CustomTextBox extends TextBox implements HasValidators{ 

private static final String TEXTBOX_VALIDATION_ERROR_STYLE = "error-text-box"; 
private String errorMessage = ""; 
private List<Validator> validators = new ArrayList<Validator>(); 

public CustomTextBox() { 
    } 

public CustomTextBox(String name) { 
    setName(name); 
} 

public String getErrorMessage() { 
    return errorMessage; 
} 

public void setErrorMessage(String errorMessage) { 
    this.errorMessage = errorMessage; 
} 

public void addValidator(Validator validator) { 
    validators.add(validator); 
} 

public boolean validate() { 
    boolean validationResult = true; 
    for (Validator validator : validators) { 
     validationResult = validator.validate(getValue().trim()); 
     if (!validationResult) { 
      errorMessage = validator.getErrorMessage(); 
      break; 
     } 
     errorMessage = validator.getErrorMessage(); 
    } 
    setErrorStyles(validationResult); 
    return validationResult; 
} 

private void setErrorStyles(boolean validationResult) { 
    if (validationResult) { 
     removeStyleName(TEXTBOX_VALIDATION_ERROR_STYLE); 
     setTitle(""); 
    } else { 
     addStyleName(TEXTBOX_VALIDATION_ERROR_STYLE); 
     setTitle(errorMessage); 
    } 
} 

@Override 
public void setValue(String s) { 
    removeStyleDependentName(TEXTBOX_VALIDATION_ERROR_STYLE); 
    super.setValue(s); 
} 

@Override 
public String getValue() { 
    return super.getValue().trim(); 
} 
} 

Validator.java

public abstract class Validator { 

    public String errorMessage; 

    public abstract boolean validate(String value); 

    public abstract String getErrorMessage(); 
} 

樣品電子郵件驗證

public class EmailValidator extends Validator { 

public boolean validate(String value) { 
    if (value.matches("^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,}$")) { 
     errorMessage = ""; 
     return true; 
    } else { 
     errorMessage = "Enter valid email Id"; 
     return false; 
    } 
} 

public String getErrorMessage() { 
    return errorMessage; 
} 
} 

我的驗證錯誤看起來像下面

如果你喜歡這個方法，你可以按照這個。這裏的問題是我們不直接在UI中顯示錯誤消息。只有在我們展示的工具提示中。

Answer 3

目前，我們正在使用這個項目的形式驗證： http://code.google.com/p/gwt-validation/

這是作爲新的GWT 2.4驗證框架的基礎源代碼。

克里斯布法羅一直在做這個項目的驚人的工作。爲我們開箱即用。