问题标签 [vee-validate]

我需要使用 vee-validate 和这个基本的正则表达式来验证美国电话号码 XXX-XXX-XXXX : (?:\d{3}-)\d{3}-\d{4}。正则表达式本身可以正常工作，但不适用于 vee-validate，我不确定为什么。

标记

小提琴

正则表达式没有按预期工作，我做错了什么？

我试图让 vue-material 和 vee-validate 一起工作，但遇到了一些问题。请看这个小提琴

没有材料的基本示例可以正常工作，但材料设计却不行。

请指教。

VueJS 应用程序允许在运行时通过 vue-i18n 更改语言。这适用于所有其他文本，但通过 vee-validate 验证错误消息除外。可以在加载期间为验证错误消息设置语言。

如何允许在运行时更改 vee-validate 错误消息？

当前代码

Using Vue.js and Vee-Validate, how can I change the default error messages?

Vee-Validate Example Demos

Out of the box, for the required message, it will display, "The <fieldname> field is required." But I just want all fields that are required to display "Required" instead. I know I can override individual fields but I just want to globally override any field that displays a required error to display "Required".

我正在尝试禁用表单的提交按钮，直到为每个控件输入有效数据。

在为每个字段输入正确数据后，提交按钮保持禁用状态。

标记：

小提琴

当表单完整且有效时，不允许“提交”按钮自行启用，我做错了什么？

我很难弄清楚Promises. 我正在使用Vue和vee-validate库，它允许通过以下方式手动验证表单：

this.$validator.validate()

但是，当我尝试使用它时，我得到了奇怪的行为：

每当我提交有错误的表单时，表单都会发送 AJAX 请求：

此外，我尝试了以下构造：

但这也不起作用。我通过这样做找到了解决方法：

但是，如果有人能解释我对“承诺”的误解，那就太好了。

编辑

完整的 onApprove 示例（无论验证如何，始终返回 true：

此方法也不起作用（先返回 false）：

我在使用VueJS和使用Vee-validate.

我正在尝试确认另一个密码，但感觉好像找不到密码的参考。我正在使用 ref 并一直在寻找所有存在的问题，但它仍然不能解决我的问题。

并递归调用组件：

通过提供这些道具：

这是我的沙箱，用于显示问题所在。

使用 Vee-Validate，当使用自定义验证器和已确认规则时，已确认规则始终无法通过验证。自定义验证器在被确认的输入字段上指定，如下所示：

这是我的 Vue 实例：

密码字段的自定义验证器按预期触发，但是，如前所述，确认规则对于确认密码模型总是失败。

尝试在包含简单 html 表单的页面上设置基本的“您确定要离开此页面”类型提示。

形式：

和javascript：

问题是没有提示我离开页面，并且任何用户输入的数据都丢失了。我对上面的脚本做错了什么？

我不知道如何为 vee-validate 分配多个规则。通常你管| v-validate 属性中的规则，但问题是我也尝试包含一种自定义方法。

这是我的 javascript

我的 HTML 应该是什么样子，这样我也可以将自定义方法添加到 vee-validate？如果您需要任何其他信息，请告诉我，我会提供。谢谢！