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> </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/
我希望有人能帮我解决这个小问题。非常感谢你。
这很好,但您的目标是表单之外的div
$("#form_pwd")
至:
$("#pwdChange")
这将针对您的表单。
此外,在你的JS fiddle中,你需要包含你的验证JS文件。我更新了jsfiddle,包括你使用的验证插件,它都是100%正确的,请看一看:
http://jsfiddle.net/Z9JmB/5/
这看起来不错。确保您的密码输入具有id="newPwd"
或发布更多代码。也许设置一个jsfiddle.net
另请参阅手册http://docs.jquery.com/Plugins/Validation/Methods/equalTo#other