Unable to find the way of validation for custom fields

Question

I have customized the event editor form with my custom names and data-names, could you give any solution to validate all form fields before saving and prevent close popup.

Satheesh Kumar Balasubramanian · Accepted Answer

Hi Chetan, 

  

Greetings from Syncfusion Support..! 

  

We have validated your reported query at our end and prepared sample to meet your requirement which can be viewed from the following link. 

 

Sample: https://stackblitz.com/edit/ej2-angular-schedule-editortemplate-validation-with-form-fsd4rj?file=app.component.ts 


Code Snippet:  





















  private onPopupOpen(args: PopupOpenEventArgs): void { 
    if (args.type === "Editor") {
      const formElement: HTMLElement = args.element.querySelector(
        ".e-schedule-form"
      ) as HTMLElement;
      this.validator = (formElement as EJ2Instance)
        .ej2_instances[0] as FormValidator;
      this.validator.addRules("EventType", {
        required: [true, "This field is required."]
      });
    }  }
Kindly try the above sample and get back to us, if you need further assistance.  

 


  



Regards,   



Satheesh Kumar B