Forums

Hi All,

I was wondering if anyone knew how I could do dynamic forms using this form validation.

From what I see you have to create the form before calling the javascript initialisation, and once created the form cannot change.

Is this correct?

Is there any way I can add form fields dynamically and then add them to the form validation object after creation?

Thanks,

James

Yes,

Alberto is correct, you can use the addInput function.

for example

myForm.addInput(new validator.TextBaseField({inputDOM:'domId'}));

If this doesn't work, let me know and I will see if I can do up an example for you.

Hi again.

I was wonder if I can set certain input/selects/buttons as disabled based on the value of other input/selects.

I have a select list that contains "Contains, Not contain, Equal to, Not Equal, Is Empty, Not Empty" and a value field that the user can fill in, but only if the user hasn't selected "Is Empty" or "Not Empty".

I want to have the value field disabled if the user selects either "Is Empty" or "Not Empty"

I also want to disable a button in the form unless two text areas are filled in.

Sorry for all the question!

Adios,

James

OK, I know I'm being stupid....

How do I subscribe to the onchange event of one of my added inputs... I've tried...


var id_field = new Y.IntegerField({
inputDOM:'ttm_page_id_'+ttm_count,
emptyValue:'none',
incorrectCss:'invalid',
correctCss:'valid'

});
ttm_pages_form.addInput(id_field);

// TIRED ALL OF THESE
//id_field.onchange(testfunction);
//id_field.on('change', testfunction);
//id_field.on('onchange', testfunction);
//Y.Event.attach('onchange',function(){alert('hello world');},'#ttm_page_id_'+ttm_count);
//id_field.attach('onchange',function(){alert('hello world');},'#ttm_page_id_'+ttm_count);

function testfunction(e) {
alert('hello world');
}

OK, so next thing I'm trying to do is create a custom field.

I currently have some inputs that need to validate themselves (text/number) and then make sure that there is no other matching field in the form with the same value.

e.g.

[PATH_1] [ID_1] [PARSE_1]
[OPTIONS (DIV WITH SOME SELECTS IN)]
[PATH_2] [ID_2] [PARSE_2]
[OPTIONS (DIV WITH SOME SELECTS IN)]
[PATH_3] [ID_3] [PARSE_3]
[OPTIONS (DIV WITH SOME SELECTS IN)]

The validator needs to work as follows.

All the PATH elements have to be text & no other PATH element can have the same value
All the ID elements must be a number & no other ID element can have the same value
All the PARSE & OPTIONS elements are only active if the matching PATH and ID elements are valid

I started with the following pseudo code

var ttm_pages_form = new Y.Validator({form:'ttm_pages'});

for(var i = 0; i<3; i++) {
// ADD IN FIELD
// [CODE TO ADD IN FIELD TO FORM]

// Add in validator to field
ttm_pages_form.addInput(new Y.CustomField({
inputDOM:'ttm_page_id_'+i,
validatorObject:IDPathCombo
}));
ttm_pages_form.addInput(new Y.CustomField({
inputDOM:'ttm_page_path_'+i,
validatorObject:IDPathCombo
}));
}

And the following Object

var IDPathCombo = {
isValid:function() {
// Check if this field is a path or id by extracting the correct bit from the ID
// I understand how to do this....

// If it's a path check it's a valid TextBaseField
//???? Not sure how to do this
pathValid = Y.TextBaseField.isValid.call(this);
//????

// If it's an ID check it's a valid IntegerField
//???? Not sure how to do this
intValid = Y.IntegerField.isValid.call(this)
//????

// As long as it's a valid field check if any other matching fields have the same valid
// I understand how to do is because I can grab all INPUTS with a matching ID part
// and then get it's value and compare to the curent value

// If all pass return true
return true;
}
};

Then I bind to the change, keyup, keydown functions of the ID and PATH elements and call a function to check if they pass their isValid function. If they do then it will disable the PARSE and OPTIONS elements. I understand how to do this.

What I'm not sure about is the isValid function. In isValid it doesn't seem to pass anything in, or set this is another context.

I'm sorry I'm being such an idiot, but I'm not really that good with this whole YUI/JS thing!