Custom validation function not fired on repeating section

You can use Nintex Forms RepeaterRowAdded event to bind an event handler to the "change" JavaScript event of form fields.

See JavaScript events in Nintex Forms

from my point of view this is definitely a bug!

what I've investigated it works like this

• custom validation function is correctly applied to the controls in all the repeater rows that are (by default) created when the form is instantiated. that means, in new mode if you set minimum number of rows to 1, custom validation function is applied just to that first row. if you set minimum number of rows to eg. 5, custom validation function is applied to all these 5 rows.
  in edit mode, custom validation function is correctly applied to as many row as there were previously submitted.
• custom validation function is invoked for controls in new repeater row while the row is being constructed. however it is not invoked on control's content change event.
  when I dig a bit deeper into problem, I could see Validator object is being prepared in the background, but finally it's not attached (correctly) to the control in new row resp. it gets somehow lost. it's just saved in some kind of global validators cache. likewise, respective onchange trigger is not attached to the control that would fire validation.

for single line text control I found following workaround myself

(note, the code only causes to fire custom validation on control's content change event. it doesn't prevent the validation to be fired during new row construction)

NWF.FormFiller.Events.RegisterRepeaterRowAdded (function () { 
           var repeaterRow = NWF$(arguments[0][0]);
           repeaterRow.find(".nf-associated-control")[0].onchange=NWF$(repeaterRow.siblings()[1]).find(".nf-associated-control")[0].onchange;
           repeaterRow.find(".nf-associated-control")[0].Validators = 
                      NWF$(Page_Validators).filter(function(idx,elem){ 
                      return elem.controltovalidate==repeaterRow.find('.nf-associated-control')[0].id;
           })
});‍‍‍‍‍‍‍‍

Hi ‌

I was looking at your post, trying to solve a similar issue I am having on a form and had a few questions.  In your work-around, you are doing a find for ".nf-associated-control".  Is this a CSS class that you have assigned to the control that you are monitoring for a change?  I have a form with a repeating section that is going to be used for scheduling meetings.  The form has a start time and end time date/time field and what I am trying to do is set the date of the end time to be the same as the date entered in the start time.  This works on the first row (as you mentioned), but is not working on any new rows.  I tried adding the function you posted, but it didn't seem to work.  Any guidance or help you can provide would be appreciated.

Thanks,

Charles Ralston

Thanks ‌.  The link actually got me on the right track and I was able to get the correct javascript code to make this work as I was hoping!  Appreciate the guidance and assistance.