Form表单验证 Form Validation

BootstrapVue 默认不验证表单有效性，你可以采用第三方的表单验证插件，这里提供一些示例引导集成。

验证

Vuelidate 提供了“针对Vue.js的简单，轻量级基于模型的验证”。安装说明和其他文档可在其网站上找到。

验证实例

此示例演示如何向两个表单字段添加不同的验证和反馈，以及根据表单有效性动态禁用提交按钮。

这是一个详细的示例，旨在显示BootstrapVue和Vuelidate如何交互；在较大的应用程序中，您可能需要抽象一些功能，例如创建标准错误消息组件。

VeeValidate v2

VeeValidate是一个Vue.js插件，允许您验证输入字段和显示错误。它完全支持Vue I18n，并提供相当好的开箱即用错误消息。

重要的

您必须配置vee-validate的 fields属性，否则它在注入自身时将与<b-table>的： :fieldss属性（可能还有其他组件）冲突。

import Vue from 'vue'
import VeeValidate from 'vee-validate'

Vue.use(VeeValidate, {
  // This is the default
  inject: true,
  // Important to name this something other than 'fields'
  fieldsBagName: 'veeFields',
  // This is not required but avoids possible naming conflicts
  errorBagName: 'veeErrors'
})

VeeValidate v2 实例

VeeValidate v3