Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Calendar Validation

stefangregg priority asked 2 years ago


Hia,

What event listeners handle the validation for adding an event in the calendar plugin?

Or is there a way to set the value of the input dynamically?

enter image description here

I am looking to use jquery to prefill the summary box with .val(), however on submit, it still saids the field is invalid until I physically type in the box. I am hoping I can call .val() and then trigger an event to get around this.

Thanks


Grzegorz Bujański staff answered 2 years ago


Unfortunately, at the moment there is no dedicated option/method, but I have a solution for you:

const modalAdd = calendarInstance._addEventModal;

modalAdd.addEventListener('shown.mdb.modal', () => {
  const modalBtnSave = modalAdd.querySelector('.modal .btn-add-event');
  const modalInputSummary = modalAdd.querySelector('.modal .calendar-summary-input');

  modalBtnSave.addEventListener('mousedown', () => {
    if (!modalInputSummary.value) {
      modalInputSummary.value = 'default value';
      modalInputSummary.dispatchEvent(new Event('input'));
    }
  }, {once : true})
})


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 4.0.0
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: No