使用函数进行表单验证

Question

我购买了一个包含许多文件的模板，其中一个用于jQuery表单验证。

我正在使用他们的模板来创建一个注册表。我也创建了一个验证码，但我想要做的是让我的注册表单使用原始的验证码，即script.js文件。我只需要弄清楚如何通过6种不同的形式来使用这个script.js文件，比如注册、登录、忘记密码等，只需要在每个表单上添加一些不同的代码，比如成功处理程序。

我该怎么做呢？

还包括plugins.js文件，其中包括如何删除警报框，这很好，不确定如何使用该函数来删除每个表单提交时的警报框。在表单验证中，如果出现特定输入框的错误消息，并将焦点从它身上移开，那么我希望它删除该错误消息，我该如何做呢？

Register Form

Answer 1

也许你想用jQuery Form Validation Plugin？在我看来，这是最好的jQuery表单验证插件。这很简单，您只需添加HTML类和其他东西来设置规则。

设置验证器很简单，如下所示：

$('#form_id').validate();

然后，您可以在HTML中添加如下属性：

<form>
...
<label for="email">Email:</label><input type="text" class="required email" name="email" id="email" />
...
</form>

class="required email"使插件将其验证为电子邮件，并使其成为必需的。此外，如果您添加maxlength属性，它将只允许这么多字符。您也可以使用minlength属性，它会限制必须输入的字符数。上面的链接中有一个表单的示例。