使用函数进行表单验证

时间:2012-01-30 21:08:29

标签: jquery

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

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

我该怎么做?

还包括plugins.js文件,其中包括如何删除警告框,这很不确定如何使用该功能删除每个表单提交上的警告框。如果一个特定的输入框出现错误消息并且焦点被取消,那么我还将如何使用表单验证进行处理,然后我希望它删除该错误消息。

Register Form

1 个答案:

答案 0 :(得分: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归因,并且它将限制必须输入的字符数。上面的链接中有一个表单示例。