使jQuery验证插件工作时出现问题

Question

我刚接触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>

表单页眉：

<form action="/registration/" method="post" id="signup">

此外，要获得jQuery和验证插件的最新版本，推荐的来源是什么？

Answer 1

您需要下载的文件名为'jquery.validate.js‘。

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

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

如果某个字段是必填字段，则将required添加到类中，例如：

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

如果是必需的电子邮件，则将它们组合在一起：

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

它还理解HTML5输入类型和属性，因此您可以这样做：

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

Answer 2

您需要为验证器指定规则。您还需要单击"submit“按钮来执行验证。或者，您可能希望使用Validator对象的form函数触发验证(通常不推荐这样做)。

<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>