Validation error

[DEIMER ANDRES NUÑEZ NOVOA]

Error presentado

Código de validación

 componentDidMount(){   

        this.setState({show: this.props.show});

         //validaciones de fomulario

         const options = {

            

            // add the rules for validation

           rules: {

            'timepicker': {

              required: [true, '* La Hora es requerida'],

               maxLength: [10, '* Máximo 10 carácteres']

            },

            'lugar': {

                maxLength: [100, '* Máximo 100 carácteres']

              },

            'fecha': {

              required: [true, '*']

            },

            'idActa': {

                required: [true, '*']

            },

            'idLibro': {

                required: [true, '*']

            }

          },

          customPlacement: (inputElement, errorElement) => {

            inputElement.parentElement.parentElement.appendChild(errorElement); 

        }

        };

        // initialize the form validator

        this.formObject = new FormValidator('#ActaEditFrm', options);

        this.formObject.addRules('timepicker', {required: true, maxLength:10});

    }

Formulario 

[Sevvandhi Nagulan]

Hi DEIMER, 

Greetings from Syncfusion support. 

We checked your query of “Console error was thrown ‘cannot read property parentElement of null when validating the form using FormValidation’ ”. We were unable to replicate the reported issue at our end. We tried to replicate the reported issue by  “prepared the sample using react bootstrap modal and placed the TimePicker component inside the modal and validated the component using FormValidator”. Also, based on the stack trace in the provided screenshot, we suspect that the reported issue occurs if the timepicker input element is not present in the DOM, and that if we try to validate the form, the console error will occur.  So kindly share the additional information such as issue replicating steps and if possible, modify the below sample to replicate the issue at our end. Please find the sample below 

Sample link:  https://stackblitz.com/edit/react-yx3ueu-ucpkdx?file=index.js 

Kindly get back to us for further assistance. 

Regards, 

Sevvandhi N