forms - Bootstrap-vue with Vuelidate,如何在初始状态停止验证表单

标签 forms validation vue.js bootstrap-vue

我们不应该在表单进入 View 时验证表单。
在用户与输入交互后,它的验证应该被激活。

最佳答案

你只需要检查它是否脏了:

<b-form-input
  v-model="name"
  @input="$v.name.$touch()"
  :state="$v.name.$dirty ? !$v.name.$error : null"
/>

如果您不想要有效状态(is-valid 类),则:

<b-form-input
  v-model="name"
  @input="$v.name.$touch()"
  :state="!$v.name.$error && null"
/>

关于forms - Bootstrap-vue with Vuelidate,如何在初始状态停止验证表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49122011/

相关文章:

Chrome 中的 jQuery Dropkick : Dropdowns not auto-closing

javascript - 从另一个表单获取字段值以在 Lotus Notes 中的 Web 上执行验证

vue.js - 如何避免在 Vue.js 接管之前在页面上显示 {{expr}} flash?

JavaScript 形式。使 1 个条目依赖于另一个条目

html - 表单操作电话在 Android 版 Chrome 中不起作用?

javascript - 使用可选的字母前缀将输入屏蔽为电话号码格式

javascript - VueJS 使用 prop 作为数据属性值

javascript - Vuex:如何定义一个状态变量,其值基于另一个状态变量的值?

php - 访问输入名称中使用的数组以保留数据 (PHP)

python - 使用 Python 将字符串转换为有效的 json