Here is a demo site with the code below installed so you can see it in action: confirm-password.webflow.io
Step 1:
Page header script:
Paste the script below in the <head></head> tag on your website.
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>Page footer script:
Paste the script below in the just above the </body> tag on your website.
<script>
var password = document.getElementById("password"), confirm_password = document.getElementById("confirm_password");
function validatePassword(){
if(password.value != confirm_password.value) {
confirm_password.setCustomValidity("Passwords Don't Match");
} else {
confirm_password.setCustomValidity('');
}
}
password.onchange = validatePassword;
confirm_password.onkeyup = validatePassword;
</script>
NOTE: Remove the ms-field="password" from the second input field. Only one password field should be submitted to Memberstack.
Other resources
Finsweet → Password confirm validation with Webflow Interactions