#101633
yavordashew
Member

Hi Dark Beccion,
The validate function returns true if all rules are valid you can use this to trigger a function when the validator validates.
However if this doesn’t suit your needs you can set the type="custom" to the validation rule and to validationCallback property to call a custom function defined by you.
If the above suggestions don’t suit your needs maybe you can add more context in order to be able to give you the best solution.


 function validationCallbackEvenNum(event) {
        console.log(event)
        const window = document.querySelector('smart-window')
        window.close()
    }
const rules =[ { input: '#evenInput', message: 'Please enter an even one.', action: 'keyup, blur', type: 'custom', validationCallback: validationCallbackEvenNum },
 { input: '#evenInput', message: 'The even number must be between 20 and 50', action: 'keyup, blur', type: 'range', min: 20, max: 50 },
      ]

Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/