使用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验证框架的基础源代码。

克里斯布法罗一直在做这个项目的惊人的工作。为我们开箱即用。