2012-03-07 145 views
0

HTML代码:确认密码验证失败

<div id="form_pwd">   
<form method="POST" action="google.com" id="pwdChange"> 
    <table> 
     <tr> 
      <td width="175px"><label for="newPwd">Enter your password</label></td>     
      <td><input type="password" name="newPwd" id="newPwd" size="35"/></td> 
     </tr> 
     <tr> 
      <td><label for="newPwd_">Re-enter your password</label></td> 
      <td><input type="password" name="newPwd_" id="newPwd_" size="35"/></td> 
     </tr> 
     <tr> 
      <td>&nbsp;</td> 
      <td><input type="submit" value="Save Password" /></td> 
     </tr> 
    </table> 

</form> 
</div> 

jQuery代码:

$(document).ready(function() 
{ 
    $("#form_pwd").validate(
    { 
    rules: 
    { 
     newPwd: "required", 
     newPwd_: 
     { 
     equalTo: "#newPwd" 
     } 
    } 
    } 
    ); 
} 
); 

我用上面的源代码来验证我输入密码,但没有什么旁边的文本框被显示,将有人请看看并帮我发现它吗? 我已包括

<script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script> 
<script type="text/javascript"> 
jQuery.validator.setDefaults({ 
    debug: true, 
    success: "valid" 
}); 
</script> 

在文件的顶部。 :(

[更新]好吧,演示是在这里 http://jsfiddle.net/Z9JmB/2/

我希望有人可以帮助我这个小小的问题。谢谢你的sooo多。

+0

究竟做'的validate(...)'做的,它在哪里定义 - 是否来自插件? – Treb 2012-03-07 08:06:13

+2

和jQuery?你包括(之前)? JS控制台(Firebug,Chrome的开发工具)显示什么? – 2012-03-07 08:06:39

+0

好吧,现在我看到您使用的是来自http://bassistance.de/jquery-plugins/jquery-plugin-validation/ – Treb 2012-03-07 08:10:14

回答

3

这工作正常,但您的目标是窗体外的div。您需要将目标元素的改变:

$("#form_pwd") 

到:

$("#pwdChange") 

这将针对您的形式。

另外,在你的JS小提琴中,你需要包含你的验证js文件。我更新了的jsfiddle包括验证您使用的插件,这一切工作100%correctl,请看看:

http://jsfiddle.net/Z9JmB/5/

+0

Oooppssss我没有看到,非常感谢你提供的好地方。哈哈哈哈谢谢。 – OhDude 2012-03-07 08:25:11