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和validate插件的最新版本的推荐来源是什么？

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

您需要为验证程序指定规则。您还需要单击“提交”按钮以执行验证。或者，您可能希望使用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>

无法使jQuery Validation插件正常工作

2 个答案: