How to validate child dynamic form fields?

[Nick Lechnowskyj]

In App.tsx I have defined the <form>, FormValidator and defined the rules.

How can I use it to validate form fields in a child component that dynamically adds fields later? I have tried, but validation doesn't work

[Ponmani Murugaiyan]

Hi Nick, 

Thanks for contacting Syncfusion support. 

Currently we are checking the reporting query. We will update further details in 2 business days (July 01, 2021). We appreciate your patience until then. 

Regards, 

Ponmani M 

[Ponmani Murugaiyan]

Hi Nick, 

Sorry for the inconvenience caused. 

We are facing complexity in our end, so we need additional time to validate this query. We update further details in 2 business days (July 6, 2021). We appreciate your patience until then. 

Regards, 

Ponmani M 

[Nick Lechnowskyj]

Thank you for the update.

[Ponmani Murugaiyan]

Hi Nick, 

Thanks for your valuable patience. 

We have prepared sample as per your requirement to add validation for dynamically added component. You can validate the dynamic field using the validate method from formObject instance as like below code snippet with respect to blur/change/input event of the corresponding component. 

1. Click on the button to render dynamic component TextBox.
2. Now submit the form, the validation takes place as expected.

{this.state.show ? ( 

    <div className="form-group"> 

      <TextBoxComponent id="Email" name="email" placeholder="Email" blur={(this.onBlur = this.onBlur.bind(this))} /> 

    </div> 

  ) : null} 

 

onBlur() { 

    this.formObject.validate('email'); 

  } 

 

Sample: https://stackblitz.com/edit/react-gqxwv3-lh99ti?file=index.js 

Please get back us if you need further assistance. 

Regards, 

Ponmani M 

[Sabyasachi]

Thanks a lot. I had the same issue. THis worked like a charm!!

Thanks a lot. I had the same issue. THis worked like a charm!!

[Berly Christopher]

Hi Sabyasachi, 

  

Most welcome. Please let us know if you need further assistance on this. 

  

Regards, 

Berly B.C