jQuery验证程序插件是'；我什么也没做_Jquery_Forms_Jquery Validate

jQuery验证程序插件是'；我什么也没做

jquery forms

jQuery验证程序插件是'；我什么也没做,jquery,forms,jquery-validate,Jquery,Forms,Jquery Validate,我正在尝试使用jQuery验证程序插件。我以前从未使用过jQuery插件，所以我想我遗漏了一些简单的东西。我想用这个插件来验证一个简单的表单 <!DOCTYPE html> <html> <head> <title>Programming Cards</title> <script src="http://code.jquery.com/jquery-1.8.3.min.js"><

我正在尝试使用jQuery验证程序插件。我以前从未使用过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>


编程卡
$（“#myForm”）。验证({
规则：{
姓名：{
必填项：true
},
密码：{
必填项：true
}
}
});
姓名：


密码：

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

这样做的目的是让用户只有在填写了姓名和密码文本输入后才能提交表单

我下载了jQuery验证程序插件，剪切了名为jQuery.validate.js的文件，并将该文件粘贴到index.php所在的文件夹中（index.php是如下所示的文件）

我知道我正在进行的验证类型非常简单。我知道没有这个插件也可以做到。然而，我想用这个插件来解决这个问题，因为我打算在将来用这个插件来做更复杂的验证

目标摘要

我想使用jQuery验证程序插件确保在提交表单之前，两个文本框中都有值

将代码包装为文档就绪：

<script> 

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


$（文档）.ready（函数（）{
$（“#myForm”）。验证({
规则：{
姓名：{
必填项：true
},
密码：{
必填项：true
}
}
});
});

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

太好了，很抱歉问了这么简单的问题。我是个新手jQuery@user3108671-欢迎来到SO，如果这能解决您的问题，请不要忘记接受这个答案。Hardy，提供一个关于“如何使用”的jQuery文档链接/tutorial将对OP更有帮助。