第一步:bootstrap的各种css、js引入

第二步:定义一个可用来验证的表单,如下所示,input用form-group包裹bootstrapValidator表单验证(为了标题重复率降低,拼了)

第三步:定义一个方法用配置验证规则,详细配置可见官网http://bootstrapvalidator.votintsev.ru/getting-started/,fields里面的属性名和input的里面name值要相对应

bootstrapValidator表单验证(为了标题重复率降低,拼了)

第四步:初始化表单验证,当输入框失去焦点时自动验证

bootstrapValidator表单验证(为了标题重复率降低,拼了)

还有一个就是提交按钮验证,可以也用form-group包裹一个button,js逻辑写在验证逻辑和fields属性并列的地方

bootstrapValidator表单验证(为了标题重复率降低,拼了)

还有一种方式,随便搞一个按钮,来一个点击事件,js逻辑为

bootstrapValidator表单验证(为了标题重复率降低,拼了)

一种需求,重新点开模态框,想要重置验证,则

bootstrapValidator表单验证(为了标题重复率降低,拼了)

应该够详细了吧,希望能帮到各位

相关文章: