[FNR] TextField Validation

[DarekKay]

I have a TextField with an EmptyValidator. I want to validate it after pressing the Enter-Key, so here my code:

public void onModuleLoad()
{
VerticalLayoutContainer mainPanel = new VerticalLayoutContainer();
mainPanel.setPixelSize(500, 300);
mainPanel.setBorders(true);

final TextField validateTextField = new TextField();
validateTextField.addValidator(new EmptyValidator<String>());
final TextField dummyTextField = new TextField();

TextButton button = new TextButton("validate");
button.addSelectHandler(new SelectHandler()
{

@Override
public void onSelect(SelectEvent event)
{
validateTextField.validate();
}
});

new KeyNav(validateTextField)
{
@Override
public void onEnter(NativeEvent evt)
{
validateTextField.validate();
}
};

mainPanel.add(validateTextField, new VerticalLayoutData(1, -1));
mainPanel.add(dummyTextField, new VerticalLayoutData(1, -1));
mainPanel.add(button, new VerticalLayoutData(1, -1));

mainPanel.forceLayout();
RootLayoutPanel.get().add(mainPanel);
}

I enter my first TextField, type something, and press return => validation fails ("field is empty").
It seems like the typed text was ignored and the previous value (initially empty) is beeing validated. I know I could use the setAutoValidate() method - but I only want to validate my TextField after pressing return.

[raivis]

I took your code and placed it in empty project. It seams like validation fails on ff and ie, but passes on chrome and safari.
I noticed one more glitch - it validates when i hit Enter for the first time, but nothing happens when i hit it second time, cursor stays blinking in a text field and no validation icon appears. On enter event itself is being executed, but nothing happens.

[Colin Alworth]

Can you verify that this bug is still present in the beta1 release that went out yesterday?

[raivis]

I confirm I tried it with 3.0.0 Beta1 version that can be downloaded from here:

http://www.sencha.com/products/extgwt/download/

To be sure I tried it one more time at home on another pc with fresh copy of eclipse, beta1 and completely new project.


(http://www.sencha.com/products/extgwt/download/)

[darrellmeyer]

With 3.0, a field's value is not updated until the field is blurred. So when the enter key is pressed the value has not been updated so validation runs on the old value. When you click the validate button, the field is blurred and this works correctly.

We have added a new finishEditing method to field that can be used when the enter key is pressed. This code works with the latest SVN code:


new KeyNav(validateTextField) {
@Override
public void onEnter(NativeEvent evt) {
evt.preventDefault();
validateTextField.finishEditing();
}
};

The evt.preventDefault() is needed for some browsers as the enter key causes the application to reload.

The new code will go out next week in our next release.

[DarekKay]

With 3.0, a field's value is not updated until the field is blurred. So when the enter key is pressed the value has not been updated so validation runs on the old value. When you click the validate button, the field is blurred and this works correctly.

This explains the problem - but this approach is not really well designed. For example: the setAutoValidate(true) method doesn't work correctly. Here a simplier code:

public void onModuleLoad()
{
VerticalLayoutContainer mainPanel = new VerticalLayoutContainer();
mainPanel.setPixelSize(500, 300);
mainPanel.setBorders(true);

final TextField validateTextField = new TextField();
validateTextField.setAutoValidate(true);
validateTextField.addValidator(new EmptyValidator<String>());

mainPanel.add(validateTextField, new VerticalLayoutData(1, -1));
RootLayoutPanel.get().add(mainPanel);
}
A TextField with an EmptyValidator and AutoValidation. The problem is: since the value doesn't get updated till the field gets blurred, the AutoValidation doesn't work at all (the previous empty string get's validated on each key press and of course results in an error marker).

[kdewa]

Hi.
I have a same problem on gxt3.0.4.
Does anyone have a workaround?

[kdewa]

I've found out that my problem is caused by following issue:
http://www.sencha.com/forum/showthread.php?256859

Thank you.