Triggering validation on multiple forms manually

[chorsnell]

Based on nested forms being both bad practise, and not supported (#109, #56), is it possible to manually trigger validation on multiple forms at once?

Struggling to see if its possible to trigger validation manually from something external eg direct from a controller method. Any ideas?

[longmd]

+1

I'm also looking for a manual method to trigger validation. I'm running a multi-step form, where each form is included in a separate view. Each form must validate to move onto the next step. I've tried using $setSubmitted() & $setDirty(), as well as submitted=true on the formController object and none of those have triggered validation.

Since this is a multi-step setup, my next and submit buttons live outside of the forms themselves and I've found it to be very difficult to find a method to manually trigger the submit() function on the form element.

Any guidance is appreciated.

[chorsnell]

@longmd I ended up resolving this. I would set you up a plnkr but fairly stacked, but will detail out the concept which will hopefully help.

So all my forms (including one wrapping the submit button), have something like angular-validator-submit="vm.customSubmit()" and name="vm.Forms.form1".

// checks validity of all linked forms, then calls actual processing
function submitMyForm(){
	if (vm.Forms.form1.$valid &&
		vm.Forms.form2.$valid &&
		vm.Forms.form3.$valid) {
		processForms(); // this is where the actual processing happens
	}
};

// set as processing for each individual linked form
// forces all forms submit status and triggers validation
function customSubmit() {
	vm.Forms.form1.submitted = true;
	vm.Forms.form1.submitted = true;
	vm.Forms.form1.submitted = true;
	vm.Forms.form1.submitted = true;
	submitMyForm();
};

Hope that helps, good luck!