JSFiddle - React, Tailwind, and code Playground

by Mariagrazia_Lunghi

HTML

<form>
Password: <input type="password" name="password" required><br/>
Ripeti password: <input type="password" name="ripeti_password"><br/>
<input type="submit" id="submit" value="invia">
</form>

JavaScript

var current_form = document.forms[0];


document.querySelector('#submit').addEventListener('click', function(){
    var messaggio = "il campo 'Password' e 'Ripeti password' devono corrispondere",
        test = current_form.password.value === current_form.ripeti_password.value; 
    current_form .password.setCustomValidity(test ? "" : messaggio);
});