使用validator.js对字符串数据进行验证(validator)

使用validator.js对字符串数据进行验证

1、如果你使用的前端框架是bootstrap，那么前端验证框架就不必考虑了，bootstrapvalidator是更好的选择，它和bootstrap的结合最完美，不过要注意版本的问题，针对bootstrap2和bootstrap3有不同的版本。

表单异步验证js库:async-validator

async-validator 是一个表单的异步验证的第三方库，它是 https：//github.com/tmpfs/async-validate 的演变。也是 element-ui 中的form组件所使用的验证方式。

定义一个Validator校验器，可用于表单验证，但又与表单组件相互独立，参数提供“需要校验的数据”和“校验规则”，返回“校验结果”。

新建src\components\baseline\form\src\types\types.ts 新建src\components\baseline\form\src\types\rule.ts 该文件从async-validator规则验证github项目中复制出来的，不需要自己思考文件内容。

iview使用的校验是根据async-validator来实现数据验证。

Validator是基于JavaScript技术的伪静态类和对象的自定义属性，可以对网页中的表单项输入进行相应的验证，允许同一页面中同时验证多个表单，熟悉接口之后也可以对特定的表单项甚至仅仅是某个字符串进行验证。

Validator怎么用

这里要用到两个xml文件，validator-rules.xml和validation.xml，前者用于定义校验器，在validator框架中已经预定义了十几个常用的校验器的实现；后者用于定义和Struts框架中具体的Form相关联的各个字段的校验，这两个文件放置在/WEB-INF/目录下面。

开启要检验的页面；运行该检测工具，可以通过面板上的面按钮启动，如果按钮不存在，可以进入界面定制将按钮拖拽出来；执行检测后，在console控制台可以看到检测结果。

下面使用一个登录的例子简单谈谈如何让Validator框架与Struts框架进行整合，从而把数据校验独立出来，使得大部分的校验规则得到重用，并且使得校验 *** 可配置化和易于维护。

对应的文件引入之后，就可以使用插件了，这是官方API网址： http：//bootstrapvalidator.votintsev.ru/api/ 其他节点都可以通过name或者id添加校验。

简述验证控件的作用

1、把一个输入控件的值与另一个输入控件或一个固定的值进行对比；允许您编写一个 *** ；来处理输入值的验证；在两个值的范围内检查输入的值；是输入控件成为必需（必填）的字段；显示网页中所有验证错误的报告。

2、① RequiredFieldValidator控件当页面上的控件要求必须输入数据时，RequiredFieldValidator就起作用了，ControlToValidate属性选择需要验证的控件，而ErrorMessage属性则是校验不合法后显示的错误提示信息。

3、ValidationSummary控件是用于显示验证所有验证错误摘要的控件，当我们将验证控件的Display属性设置None的时候，验证错误信息就在这里显示。

4、作用是这样的，假设你把一个文本框、一个验证控件、一个按钮放在一行里，当不显示错误验证信息时，文本框和按钮会挨在一起；当显示错误验证信息时，文本框和按钮之间显示信息文本，即按钮被挤到后面去了。

5、该控件用于检查用户的输入是否在指定的上下限内。能检查数字对、字母字符对和日期对的范围。(4)RegularExpressionValidator控件 该控件用于检查项和正则表达式定义的模式是否匹配。