GXT Form Validation

[bboyle18]

Hi,

Just wondering if there are any plans to build in form validation to GXT?

Thanks

Brian

[gslender]

Brian,

FormPanel does have an isValid method that checks validation of all contained fields - with that you can have standard and custom validation for all fields.

cheers,
grant

[bboyle18]

Great. Thanks for your reply

[retha_pasalli]

Hi..

If I want to make an email validation in a textfield, how can I do that?
In GWT-Ext we can use :

TextField email = new TextField("Email", "email");
email.setVtype(VType.EMAIL);

How to do that in GXT? Is there any tutorial?
Thx for any replies..

Regards,
Retha

[TheBuzzer]

TextField<String> emailaddress = new TextField();
emailaddress.setValidator(validator);

    private Validator validator = new Validator() {

        @Override
        public String validate(Field<?> field, String value) {
            if (field == emailaddress) {
                if (!emailaddress.getValue().toLowerCase().matches("(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])")) {
                    return "Bad E-mail Address";
                }
            }

            return null;
        }

    };

[retha_pasalli]

Thx TheBuzzer...

I also find the answer :

TextField<String> email = new TextField();
email.setRegex(".+@.+\\.[a-z]+");
email.getMessages().setRegexText("Bad email address!!");
email.setAutoValidate(true);

[toff63]

Hey,

You also can set your validators using regular expression from the one used ext-3.0.0\src\widgets\form\VTypes.js.
I created an enum Class:

package com.example.form.client;

public enum VType {
  ALPHABET("^[a-zA-Z_]+$", "Alphabet"), 
  ALPHANUMERIC("^[a-zA-Z0-9_]+$", "Alphanumeric"), 
  NUMERIC("^[+0-9]+$", "Numeric"),
  EMAIL("^(\\w+)([-+.][\\w]+)*@(\\w[-\\w]*\\.){1,5}([A-Za-z]){2,4}$", "Email");
  String regex;
  String name;

  VType(String regex, String name) {
    this.regex = regex;
    this.name = name;
  }
}

and a class implementing Validator interface:

public class VTypeValidator implements Validator {

  private VType type;
  
  public VTypeValidator(VType type){
    this.type = type;
  }
  @Override
  public String validate(Field<?> field, String value) {
    String res = null;
    if(!value.matches(type.regex)){
      res = value + "isn't a valid " + type.name;
    }
    return res;
  }

}

With those two classes you hanlde field checks like this:

extField.setValidator(new VTypeValidator(VType.EMAIL));

I still don't understand why it isn't as simple as with Ext core to handle fields checks.

Hope it helps.

Christophe

[Hova]

good post chris

[Neilcoder]

I was trying to figure out how to validate emails in GXT3 so I updated this but it seems you don't add validators like you could in 2008.

I assume there's a simple way to validate email somehow? I will keep looking.

import java.util.ArrayList;
import java.util.List;

import com.google.gwt.editor.client.Editor;
import com.google.gwt.editor.client.EditorError;
import com.sencha.gxt.widget.core.client.form.Validator;
import com.sencha.gxt.widget.core.client.form.error.DefaultEditorError;

public class VTypeValidator<T> implements Validator<T> {

      private VType type;
      
      public VTypeValidator(VType type){
        this.type = type;
      }

    @Override
    public List<EditorError> validate(Editor<T> editor, T value) {
        List<EditorError> res = null;
        if (value == null || "".equals(value)) {
            List<EditorError> errors = new ArrayList<EditorError>();
            errors.add(new DefaultEditorError(editor, "Fail", ""));
            return errors;
          }
        return res;
    }
      
} 

Update

I think its like this; (GXT 3)

RegExValidator myValidator = new RegExValidator("^(\\w+)([-+.][\\w]+)*@(\\w[-\\w]*\\.){1,5}([A-Za-z]){2,4}$", "Email"); 

not too sure how to add it yet...

just trying to figure out how to add this

.....

update

got it!

    RegExValidator myEmailValidator = new RegExValidator("^(\\w+)([-+.][\\w]+)*@(\\w[-\\w]*\\.){1,5}([A-Za-z]){2,4}$", "Email");
    email.getValidators().add(myEmailValidator); 

[Colin Alworth]

Or easier still:

email.addValidator(new RegExValidator(...));

Edit: And if you are using the GWT Editor Framework and get a JSR 303 ConstraintViolation from the server, you can pass that to the editor driver and it will be displayed on the TextField automatically.