bootstrapvalidat cdn_前端校验框架bootstrapValidator使用总结

由于项目在用bootstrap，为了更好的用户交互体验，需要加入前端校验框架，在参照了多个校验框架后，发现了这个基于bootstrap的框架bootstrapValidator，界面还不错，功能使用起来也挺符合一般bootstrap插件使用风格，容易理解，就采用了这个。

基本使用

效果

先看一下效果吧，省的介绍学习完了发现不喜欢风格，2333

大概就是这样，风格感觉还是不错的，起码能一目了然。

然后说具体使用。

引入

首先引入插件：

1

2

3

官网说本插件已更新至FormValidator，不过懒得再去尝试使用了，看来0.5.3是本插件最后一版。

初始化

然后就是对form表单初始化插件，html的form表单正常写就OK，不过要注意各表单项要有name属性，本插件是根据name属性绑定各表单项的。

举个初始化js的例子，拿上图的事件名称和事件类型来说：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30form.bootstrapValidator({

message: '输入值不合法',

feedbackIcons: {

valid: 'glyphicon glyphicon-ok',

invalid: 'glyphicon glyphicon-remove',

validating: 'glyphicon glyphicon-refresh'

},

fields: {

name: {

validators: {