Jquery validation for confirm password

Question

I am using Jquery for form validation , in that I have password and confirm password fields like this,

<input type="password" class="form-control" name="password" id="password">
<input type="password" class="form-control" name="cfmPassword" id="cfmPassword" >

Here other fields are working fine but not confirm password field, The rule for cfmPassword is as follow ,

password: {
    required: true,
    minlength: 6,
    maxlength: 10

},
cfmPassword: {
    required: true,
    equalTo: "#password",
    minlength: 6,
    maxlength: 10
}

but here the problem is if cfmpassword is not same as password also it doesnt show error message. please any one help me in this.

You have not shown enough code to reproduce the issue. I make this claim because the accepted answer below contains the same code as your OP. — Sparky, Jun 11 '14 at 21:48

score 14 · Accepted Answer · answered Jun 10 '14 at 11:37

14

working fiddle here

<form id="formCheckPassword">
    <input type="password" class="form-control" name="password" id="password"/>
    <input type="password" class="form-control" name="cfmPassword" id="cfmPassword" />
    <input type="submit" value="submit"/>
 </form>



 $("#formCheckPassword").validate({
           rules: {
               password: { 
                 required: true,
                    minlength: 6,
                    maxlength: 10,

               } , 

                   cfmPassword: { 
                    equalTo: "#password",
                     minlength: 6,
                     maxlength: 10
               }


           },
     messages:{
         password: { 
                 required:"the password is required"

               }
     }

});

answered Jun 10 '14 at 11:37

faby

7,394
3
27
44

Your code is the same as the OP's so I guess I don't understand the original problem. – Sparky Jun 11 '14 at 21:45
There was some sintax error.. Maybe the question has been updated – faby Jun 11 '14 at 21:49
BTW, you only need the `equalTo` rule on the second field: http://jsfiddle.net/BSdc8/3/ – Sparky Jun 11 '14 at 21:49
I'm not faulting your answer... I'm just trying to find out what we're solving here. Your answer merely proves the OP's code should have been working all along. – Sparky Jun 11 '14 at 21:50
The user was searching for a working example of his code I thought.... So I decided to write a complete fiddle with his code and not only mark the syntax errors. If you want I provide a better explanation – faby Jun 11 '14 at 21:56
1

Like I said, I don't see anything wrong with your answer. I just think the OP should have shown more code or explained where he went wrong. – Sparky Jun 11 '14 at 22:05

score 0 · Answer 2 · edited Jun 25 '16 at 07:31

0

There was syntax error

just added colon in password: after maxlength: 10,

your code working fine.now

<script>

  $("#Myform").validate({
   rules: {
     password: { 
       required: true,
       minlength: 6,
       maxlength: 10,

     } , 

     cfmPassword: { 

      equalTo: "#password",
      minlength: 6,
      maxlength: 10
    }


  }

});
</script>

edited Jun 25 '16 at 07:31

VishAl

388
3
17

answered Jun 10 '14 at 11:28

Mr7-itsurdeveloper

1,631
2
17
24

yes.. , i tried but not worked. . . – user3599482 Jun 10 '14 at 11:40
you can check here http://jsfiddle.net/bqLbu/2/ – Mr7-itsurdeveloper Jun 10 '14 at 11:54
yor're welcome @user3599482 – Mr7-itsurdeveloper Jun 10 '14 at 12:13
hi , I have small problem , I have reset button for form, for that I just wrote javascript reset() method , it just remove content in text boxes but it keeps all jquery error msgs and valid icons, So how to write reset method to clear all . . – user3599482 Jun 10 '14 at 12:16
write this $('#reset').click(function() { $('.content').load(''); }); – Mr7-itsurdeveloper Jun 10 '14 at 12:27

Jquery validation for confirm password

2 Answers2