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

我已使用the fiddle复制了您的代码，但它运行正常。我假设问题是代码不是在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" }
        }
    });
});

使用jQuery进行表单验证无效

1 个答案: