jQuery Validator插件没有做任何事情

时间:2013-12-30 00:24:47

标签: jquery forms jquery-validate

我正在尝试使用jQuery Validator插件。我之前从未使用过jQuery插件,所以我希望我错过了一些简单的东西。我想使用这个插件来验证一个简单的表单。

<!DOCTYPE html>
<html>
    <head>
        <title>Programming Cards</title>
        <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
        <script src="jquery.validate.js"></script>
        <script>
            $("#myForm").validate({
                rules: {
                    name: {
                        required: true
                    },
                    password: {
                        required: true
                    }
                }
            });
        </script>
    </head>

    <body>
        <form id="myForm">
            <label for="name">Name: </label>
            <input id="name" name="name"/> <br />
            <label for="password">Password: </label>
            <input id="password" name="password" /> <br />
            <input type="submit" />
        </form>
    </body>
</html>

当我运行此代码时,根本不会进行验证。无论输入是什么,都可以提交表格。

目标是使用户只有在填写了名称和密码文本输入时才能提交表单。

我下载了jQuery Validator插件,我剪切了名为jquery.validate.js的文件,并将该文件粘贴到index.php所在的文件夹中(index.php是下面显示的文件)。

我知道我正在进行的验证类型非常简单。我知道没有这个插件就可以完成。但是,我想使用这个插件来解决这个问题,因为我打算使用这个插件来进行更复杂的验证。

目标摘要

我想使用jQuery Validator插件来确保在提交表单之前两个文本框都包含值。

1 个答案:

答案 0 :(得分:1)

使用文档准备好包装代码:

<script> 

$(document).ready(function() {
    $("#myForm").validate({
        rules: {
            name: {
                required: true
            },
            password: {
                required: true
            }
        }
    });
}); 
</script>

这是因为在DOM完全加载之前,jquery无法找到该字段。