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

Did this answer your question?