让jQuery验证插件工作时遇到问题

我是jQuery新手，虽然我了解它的工作原理，但我无法理解为什么验证插件不能在我的表单上工作

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="/validation/dist/jquery.validate.min.js"></script>
<script type=text/javascript">
    $(document).ready(function(){
    $("#signup").validate();
    });
</script>

您需要下载的文件名为“jquery.validate.js”

默认情况下，验证插件使用输入字段的类进行验证。因此，如果您有电子邮件字段，请使用：

<input type="text" class="email" />

如果是必需的电子邮件，请将它们合并：

<input type="text" class="required email" />



它还了解HTML5输入类型和属性，因此您可以：

<input type="email" required="required"/>

您需要为验证器指定规则。您还需要单击“提交”按钮来执行验证。或者，您可能希望使用Validator对象的
表单
函数触发验证（通常不建议这样做）


使用ajax.googleapis.com是获取jQuery的最简单方法。您可能不应该直接指向github.com获取验证插件，您应该将其下载到您自己的站点。关于为什么它不起作用，你需要向我们展示你的HTML中的表单字段，并告诉我们你希望它做什么样的验证。我确实从开发人员的网站下载了插件，但是我不确定脚本中包含哪个文件。是叫“grunt.js”的那个吗？我表单中的字段只是标准的文本/密码/电子邮件字段。现在我只想让它执行默认验证，直到我有机会玩弄它的规则为止。没有“默认验证”。您需要通过HTML标记中的属性或通过参数向“validate”函数添加规则。另外，如果您想立即执行验证（在单击“提交”或执行任何操作之前），请调用验证程序的
表单
函数，如下所示：
$（“#注册”）.validate（）.form（）
您需要包括
jquery.validate.js
或
jquery.validate.min.js
，而不是“grunt.js”。我已经按照建议更新了代码。所以为了产生结果，我需要为插件实际运行添加规则？也就是说，考虑到上面的代码，它现在不会做任何事情？正如我所说的。。。最好通过单击submit按钮（插件在执行验证时执行验证）来触发验证，而不是调用
表单
函数。我只是使用它来让示例代码“开箱即用”…将{'name'：'required'}作为validate（）的参数的目的是什么？对不起，它需要是“rules”选项。。。刚刚纠正了它。这是一个简单的规则：它意味着“name”字段是必需的。它是带有
name=“name”
的字段还是带有
class=“name”
的字段？事实上，这个示例令人困惑。我改了，所以你的疑问会得到回答。。。每个规则的左侧必须是字段名，即它必须与输入的
名称
属性匹配：
。右侧可以是插件的内置验证规则（“必需”、“电子邮件”、“数字”和其他）或自定义规则，甚至是一组规则（在本例中，您需要的是对象，而不是字符串）。。。
<input type="text" class="required email" />

<input type="email" required="required"/>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>

<script type=text/javascript">
    $(document).ready(function(){
        $("#signup").validate({rules: {'company': 'required'}}).form();
    });
</script>

<form action="/registration/" method="post" id="signup">
    Company: <input type="text" name="company" />
    <input type="submit" value="Save" />
</form>