0

我是 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 和验证插件的推荐来源是什么？

4

2 回答 2

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"/>
于 2012-09-16T17:58:59.697 回答
1

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

<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>
于 2012-09-16T18:02:14.467 回答