1. My html source code: //code <tr> <td>Password(*)</td> <td><div class="input password"><input type="password" id="UserPassword" value="" name="data[User][password]"/></div> </td> </tr>
<tr> <td>Confirm Password(*)</td> <td><div class="input password"><input type="password" id="UserConfirmPassword" value="" name="data[User][confirmPassword]"/></div> </td> </tr> //end 2. And now I changed my source code to //code <tr> <td>Password(*)</td> <td><div class="input password"><input type="password" id="UserPpassword" value="" name="data[User][ppassword]"/></div> </td> </tr> <tr> <td>Confirm Password(*)</td> <td><div class="input password"><input type="password" id="UserConfirmPassword" value="" name="data[User][confirmPassword]"/></div> </td> </tr> //end and js code //code “data[User][confirmPassword]“: { required: true, minlength: 6, maxlength: 15, equalTo: “#UserPpassword” }, //end it works now. BTW, I am using cakephp form helper to generate the html code. But if On Mon, May 11, 2009 at 8:26 PM, Jörn Zaefferer < joern.zaeffe...@googlemail.com> wrote: > > Looks like there is no element with the id "UserPassword". > > Jörn > > On Mon, May 11, 2009 at 1:51 PM, Joshua <josh...@gmail.com> wrote: > > > > Is there any body known about this problem? > > > > My code: > > //js code > > “data[User][password]“: { > > required: true, > > minlength: 6, > > maxlength: 15 > > }, > > “data[User][confirmPassword]“: { > > required: true, > > minlength: 6, > > maxlength: 15, > > equalTo: “#UserPassword” > > }, > > //code end > > > > > > The error happened at line 1040 of jquery.validate.js > > //code > > equalTo: function(value, element, param) { > > return value == $(param).val(); > > } > > //end > > The ‘$(param).val()’ here is always empty. I test this on Chrome, it > > works fine there. > > > -- Thanks Joshua