Validation to check if password and confirm password are same is not working

Question

Here s my code   function validate form thisform    with  thisform            if  validate required name  Name must be filled out     false     name focus   return false     if  validate required country   Country must be filled out     false     country focus   return false     if  validate required state  State must be filled out     false     state focus   return false     if  validate required city  City must be filled out     false     city focus   return false     if  validate required contact  Contact must be filled out     false     contact focus   return false     if  validate required emailid  Email must be filled out     false     emailid focus   return false     if  validate email userid  Email is not valid    false     userid focus   return false     if  validate required password  pasword must be filed out    false     password focus   return false     if  validate required cpassword  Password must be confirmed    false     cpassword focus   return false    if validate required  password value    cpassword value   Your password and confirmation password do not match     false    cpassword focus   return false        All other validations are working but not the last one  Why is that so and how to fix it

User · Answer

function validate       var a documents forms  yourformname    yourpasswordfieldname   value    var b documents forms  yourformname    yourconfirmpasswordfieldname   value    if   a  b           alert  both passwords are not matching        return false        return true

User · Answer

Step 1    Create ts   app  helpers must-match validator ts  import   FormGroup   from   angular forms    export function MustMatch controlName  string  matchingControlName  string        return  formGroup  FormGroup    gt            const control   formGroup controls controlName           const matchingControl   formGroup controls matchingControlName            if  matchingControl errors  amp  amp   matchingControl errors mustMatch                 return                     if  control value     matchingControl value                matchingControl setErrors   mustMatch  true               else               matchingControl setErrors null                       Step 2    Use in your component ts  import   MustMatch   from      helpers must-match validator     ngOnInit         this loginForm   this formbuilder group         Password        Validators required  Validators minLength 6            ConfirmPassword        Validators required                   validator  MustMatch  Password    ConfirmPassword                  Step 3    Use In View Html    lt input type  password  formControlName  Password  class  form-control  autofocus gt                   lt div  ngIf  loginForm controls  Password   invalid  amp  amp   loginForm controls  Password   dirty    loginForm controls  Password   touched   class  alert alert-danger  gt                       lt div  ngIf  loginForm controls  Password   errors required  gt Password Required   lt  div gt                        lt div  ngIf  loginForm controls  Password   errors minlength  gt Password must be at least 6 characters lt  div gt                   lt  div gt       lt input type  password  formControlName  ConfirmPassword  class  form-control   gt                   lt div  ngIf  loginForm controls  ConfirmPassword   invalid  amp  amp   loginForm controls  ConfirmPassword   dirty    loginForm controls  ConfirmPassword   touched   class  alert alert-danger  gt                       lt div  ngIf  loginForm controls  ConfirmPassword   errors required  gt ConfirmPassword Required   lt  div gt                        lt div  ngIf  loginForm controls  ConfirmPassword   errors mustMatch  gt Your password and confirmation password do not match  lt  div gt                   lt  div gt

User · Answer

if  pswd length lt 6    pswd length gt 12     pswd                 document getElementById  passwordloc   innerHTML  character should be between 6-12 characters   status false       else         if pswd    pswdcnf            document getElementById  passwordconfirm   innerHTML  password doesnt matched   status true        else           document getElementById  passwordconfirm   innerHTML  password  matche           document getElementById  passwordloc   innerHTML

User · Answer

The validate required function seems to expect an HTML form control  e g  text input field  as first argument  and check whether there is a value there at all  That is not what you want in this case   Also  when you write   password   value  you create a new array of length one  containing the string  password   and then read the non-existing property  value  from it  yielding the undefined value    What you may want to try instead is   if  password value    cpassword value    cpassword focus    return false       You also need to write the error message somehow  but I can t see from your code how that is done

User · Answer

I presume you ve got validate required   function from this page  http   www w3schools com js js form validation asp   function validate required field alerttxt    with  field        if  value  null  value                alert alerttxt  return false          else           return true                In this case your last condition will not work as you expect it   You can replace it with this   if  password value    cpassword value        alert  Your password and confirmation password do not match        cpassword focus       return false

[javascript] Validation to check if password and confirm password are same is not working

Examples related to javascript