validator校验用法

validator校验用法
validator校验用法是指在web开发中使用validator插件对表单数据进行校验的方法。

validator插件是一款轻量级的表单验证插件，可以对表单中的数据进行实时的、全面的校验，并在校验失败时向用户提供友好的提示信息。

使用validator插件进行表单校验的方法如下：
1. 引入validator插件。

可以从官网下载相关的js和css文件，也可以使用CDN链接进行引入。

2. 为表单添加验证规则。

在表单元素中添加data-rule属性来指定验证规则，例如：
<input type='text' name='username' placeholder='用户名' data-rule='required|minlength:6|maxlength:20' />
上述代码中，data-rule属性指定了验证规则，该规则表示用户名不能为空，长度不能少于6个字符，不能超过20个字符。

3. 在表单提交时进行校验。

可以使用validator插件提供的validate()方法来进行表单校验，例如：
$('form').validate({
rules: {
userna {
required: true,
minlength: 6,
maxlength: 20
}
},
messages: {
userna {
required: '用户名不能为空',
minlength: '用户名长度不能少于6个字符',
maxlength: '用户名长度不能超过20个字符'
}
}
});
上述代码中，使用validate()方法对表单进行校验，其中rules 属性指定了验证规则，messages属性指定了校验失败时的提示信息。

通过以上三个步骤，就可以使用validator插件对表单数据进行全面的、实时的校验，并为用户提供友好的提示信息。