# 表单 (Forms)
在形式验证时,Vuetify有多种集成并保存在功能中。 想要使用第三方验证插件吗? 在方框中,您可以使用 Vee-validate and vuelidate。
# 使用
内部 v-form
组件使得很容易添加验证到表单输入。 所有输入组件都有一个 规则 prop,它接受不同类型的组 函数
, 布尔值
和 字符串
。 这些允许您指定输入无效的 __ 或 __ 的条件。 每当输入值被更改时,数组中的每个函数将收到新的值,每个数组元素将被评分。 如果函数或数组元素返回 fals
或 字符串
, 验证失败, 字符串
值将作为错误信息显示。
# API
# 示例
# 属性
# 规则
规则允许您在所有表单组件上应用自定义验证。 这些都是按顺序验证的,每次会显示一个 个最大 个错误,所以请确保你相应地排序规则。
# 其他
# 提交与验证 & 清除
v-form
组件有三个功能,可以通过在组件上设置ref来访问。 ref允许我们访问组件的内部方法,例如 <v-form ref="form">
。 this.$refs.form.validate() 将验证所有输入并返回它们是否都有效。 this.$refs.form.reset() 将清除所有输入并重置验证错误。 this.$refs.form.resetValidation() 将只重置输入验证,不改变他们的状态。
# Vee-validate
vee-valide 是一个基于模板的Vue.js验证框架。 Documentation
# 验证
vuelidate 是 Vue.js 一个简单、轻量模型验证的。 文档
了解更多?
继续学习由 我们的团队 选择的相关内容,或通过使用下面的导航链接在页面之间跳转。
在 GitHub 上编辑此页面
最后更新:10/07/2024, 11:31:37 AM