Multiple form submissions with forms 13.0.1 and aspnet-validation

A brief description of the issue goes here.

When using the aspnet-validation framework the form can be submitted multiple times.

I was sure that I remembered this being solved a long time ago, so I checked the js scripts and can see that the disabled state is only set when using jquery validation :(

Reproduction

Create a new project and set up and render a form to the front end.

Click the submit button several times. the form should keep resubmitting (i actually got some kind of server error relating to database scopes).

Confirm that the form was submitted more than once in the back office.

this can be fixed by including something like this in the aspnet-validation setup. Perhaps there is a way to have a shared routine to do handle this?

var submitInputs = document.querySelectorAll(".umbraco-forms-form input[type=submit]:not(.cancel)"); for (let i = 0; i < submitInputs.length; i++) { var input = submitInputs[i] as HTMLInputElement;

 const clickHandler = (e: Event) => {
     e.preventDefault();
     const form = input.closest('form') as HTMLFormElement;

     validationService.validateForm(form, (valid) => {
         if (valid) { 
             form.submit();
             input.setAttribute("disabled", "disabled");  
         }
     }); 
 }

 input.addEventListener("click", clickHandler);

umbraco / Umbraco.Forms.Issues

Multiple form submissions with forms 13.0.1 and aspnet-validation #1182

Reproduction