使用jQuery进行表单验证无效

时间:2015-06-28 15:22:42

标签: javascript jquery validation

由于我对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>

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

1 个答案:

答案 0 :(得分: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" }
        }
    });
});