[New] Remote Field Validation Plugin

[MichaelOstrovsky]

i have modified the plugin a bit to allow setting initial 'remote valid' state. for example, when loading a form from db, its not nice to show 'not verified yet' right ahead.

now, you can set 'remoteValid' property initially in field.

...
Ext.ux.plugins.RemoteValidator = {
	init:function(field) {
		// save original functions
		var isValid = field.isValid;
		var validate = field.validate;

		// apply remote validation to field
		Ext.apply(field, {
			 remoteValid:!!field.remoteValid  //Michael

			// private
			,isValid:function(preventMark) {
				return isValid.call(this, preventMark) && this.remoteValid;
			}
...

[jsakalos]

Thank you for the patch.

[x5150]

Is it supposed to work with file uploads also? I have it working with the following code but does not validate when uncommenting inputType.

xtype: 'textfield',
fieldLabel: 'Select File to Upload',
//inputType: 'file',
autoCreate: {tag: "input", type: "text", size: "60", autocomplete: "off"},
plugins:[new Ext.ux.form.ServerValidator({
url:'foo',
params:{foo:bar}
} )],

[Dave.Sanders]

Saki, possibly another bug:

I think filterServerValidation needs to check for blank fields and disregard the validation if the field is allowBlank:true. I was having some problems when I was tabbing through a set of fields where one of the fields was a remote validator, but it was ok to be blank. (basically, I only validate IF they enter something.)

I changed filterServerValidation to this:

        ,filterServerValidation:function(e) {
                if(this.field.value === this.field.getValue() || 
		(this.field.getValue() == "" && this.field.allowBlank)) {
                        this.serverValidationTask.cancel();
                        this.field.serverValid = true;
                        return;
                }
                if(!e.isNavKeyPress()) {
                        this.serverValidationTask.delay(this.validationDelay);
                }
        }

[jsakalos]

Take a look at http://extjs.eu/docs/?class=Ext.ux.form.ServerValidator

[x5150]

Take a look at http://extjs.eu/docs/?class=Ext.ux.form.ServerValidator

What am I looking for?

[x5150]

I don't know what you are referring to in the docs, there isn't an example with file upload types and not much else there. I've tried changing the validateEvent to 'change' and 'blur' but no async call. Please help.

[jsakalos]

@x5150,

I haven't tried file upload fields with the validator. The first questions to answer would be:

1. does field upload field fire events as text field? If not, then there is little chance to make it working.
2. what getValue() returns?

[x5150]

@x5150,

I haven't tried file upload fields with the validator. The first questions to answer would be:

1. does field upload field fire events as text field? If not, then there is little chance to make it working.
2. what getValue() returns?

1. yes it does fire at least a 'change' event after file selection

2. returns the filename

[jsakalos]

So if you set validationEvent:'change' it should work... If not, can you post a showcase?