使用jQuery不工作的表单验证

Question

由于我对jQuery非常陌生，所以在使用jQuery验证验证我的第一个登录表单以及非常简单的登录表单时遇到了困难。

我已经搜索了jQuery验证，也看到了许多问题张贴在网站上，但发现他们无助于自己。

这是我的密码。

请帮我找出我的错误。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>apply.html</title>
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
</head>
<body>
<script type="text/javascript">
    $("#testForm").validate({
        rules: {
            uname: { required: true },
            pwd: { required: true }
        },
        messages: {
            uname: { required: "Username can not be left blank" },
            pwd: { required: "Please enter Password" }
        }
    });
</script>
<form action="#" method="POST" id="testForm">
    Username :
    <input type="text" name="uname" /><br>
    Password :
    <input type="password" name="pwd" /><br>
    <input type="submit" value="Push">
</form>
</body>
</html>

编辑:我面临的问题是，在提交表单时，没有显示错误消息，即没有进行验证。

Answer 1

我已经用小提琴复制了您的代码，并且工作正常。我认为问题在于代码不是在onLoad()事件之后运行的。这是我的解决方案：

$(function(){
    $("#testForm").validate({
        rules: {
            uname: { required: true },
            pwd: { required: true }
        },
        messages: {
            uname: { required: "Username can not be left blank" },
            pwd: { required: "Please enter Password" }
        }
    });
});