Disable the validation dialog

[Mustard]

Hello, is there any chances to disable or do not display the validation dialog upon using the Input component. Based on this example, I want to use the Error component for displaying the validation as Text and I will no longer use the validation dialog.

Btw, I'm using Kendo UI for Vue

[Konstantin Dikov]

Hi Mustard,

This is the browser validation dialog and you can see the same message if you add "required" to an input element (or any other validation):

• https://stackblitz.com/edit/web-platform-n6vgqz?file=index.html

      <form>
        <input required />
        <button>Submit</button>
      </form>

There are some option with CSS or with JavaScript that can be used:

    document.addEventListener(
      'invalid',
      (function () {
        return function (e) {
          //prevent the browser from showing default error bubble / hint
          e.preventDefault();
          // optionally fire off some custom validation handler
          // myValidation();
        };
      })(),
      true
    );

You can also check the following forum thread:

• https://stackoverflow.com/questions/3090369/disable-validation-of-html-form-elements

 

Regards,
Konstantin Dikov
Progress Telerik