Without going hard into custom validation and backend code most sites just do Javascript based solutions so you can be more dynamic.

It all depends on your code setup and what Javascript framework you use but on the most basic level your code is..

    if (document.getElementById('email1').value != document.getElementById('email2').value)

{       
    alert('Those emails don\'t match!');
             return false;
         }
        else {
             return true;
    }

What would this look like in Regex if I were to set this up on the front end of umbraco forms using custom validation?

Hi, where can I add this kind of validations? Thanks.

I am using Umbraco 9, not sure how to add js to a form defined in backoffice. for now I added my script to another js that is loaded by a custom field type. In this script I added code to the onclick event of the "submitbtn" button, isn't there a standard way to do this? This doesn´t look like the better way to accomplish this. Thanks.

I didn´t get your answer about front end, do you know Umbraco forms in version 9? They are build in the backoffice, so there is no javascript or react or view there, Umbraco generates everything and put the code in a database. In any case I am new in Umbraco (I have just 2 weeks using it) and since right now my js is working, we are fine, but I wanted something more easy and "normal" to capture, lets say, the submit event in client-side. I suppose making simple validations in client side is very normal and I want to suppose Umbraco allows us to add that validation in an easy and direct way, not using a workaround as I added. Thanks.

Hi Patrick, first of all: the custom field I am using is necessary because we are dynamically adding dropdowns (selects) and inputs with an "add line" button, so even without any validation, we need the custom field.

The javascript I am using is to validate if all the dropdowns have a selected value, and if inputs for quantities haven been filled. Also, it is validating if duplicated values (same value in 2 or more selects) have been selected.

Javascript: Since this is used in several forms, we do this to add the listener to onclick to submit button:

      if (document.getElementsByName("submitbtn")[0].value == "Register Opportunity")
        document.getElementsByName("submitbtn")[0].onclick = validateOpportunityRegistration;

The validateOpportunityRegistration function gets the selects, nothing complex, to check if all of them have a selected value, and also checks the inputs to see if they have numeric values.

Thanks.

is working on a reply...