问题标签 [vee-validate]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vuejs2 - 子组件验证 vee-validate
我正在使用vee-validate来验证我的字段,这是我的问题:
我想在提交之前验证表单,并且某些表单位于子组件中,那么我该如何处理呢?
jquery - VueJS 和 JQuery 更改类
我有一些自定义的 JQuery 代码来监听事件并添加一些类来形成元素(焦点、模糊、奇数/偶数等)。没什么大不了的,但我不想在 VueJS 中重写所有这些逻辑,因为所有网站都只使用 JQuery,而 1 页使用 VueJS 来处理复杂的表单。
我编写了一个指令来在新的 VueJS 元素上启动 JQuery 代码并且它正在工作。但是一些 VueJS 代码(vee-validate
在我的例子中是指令插件,但它可以是任何 VueJS 代码)使用v-bind:class
. 所以它删除了 JQuery 设置的类,它没有添加它的类来替换它们......有没有办法很好地使用 VueJS 和 JQuery/Javascript 的类?让 JQuery 知道现有的类或其他东西。
谢谢
javascript - Vee-validate:使用 v-validate 指令时出现“TypeError:检查为空”错误
我在我的 VueJs 2 项目中使用 vee-validate。问题是,每当我在输入字段中使用 v-validate 指令时,我的控制台窗口中都会出现以下错误:-
此错误的原因可能是什么?我已经在我的 app.js 文件中导入了 vee-validate 模块,并且我在我的表单组件中使用了该指令。
vue.js - 自定义组件中的 VueJS Vee-validate
版本
VueJs:2.3.3
Vee-Validate:2.0.0-rc.25
描述
我有一个自定义组件。这是一个带有字符计数器的输入,我试图将 vee-validate 放在这个输入中。我想在提交表单时显示错误。我遵循了 vee-validate 文档中的每一步,但没有成功。我的表单提交自己忽略任何输入的错误。
重现步骤:
使用 vee-validate 创建自定义组件
代码:
Parent.vue
组件.js
vue.js - vee-validate 正则表达式无法按预期工作
我正在使用 VUE 和 VEE-VALIDATE 并想检查输入是否为以逗号作为分隔符的有效小数。
我的正则表达式输入如下所示:
这对“1”、“1,2”、“0,4”、“12,28761”非常有效。完美的!
“,0”、“foo”、“1e”的错误显示正确。完美的!
但是,如果我输入以下内容,则不会出现任何错误,但我希望会出现一个错误:“1,1,1”或“1,1foo”。
任何想法我做错了什么?谢谢!
vue.js - 测试 Vee-Validate 确认规则
我在使用 Vuetify 构建的 Vue 表单上测试 Vee-Validate 确认功能时遇到了一些困难。我要测试的组件如下所示:
以上工作正常,错误消息正确显示在屏幕上并在密码匹配时删除,但以下测试失败:
从上面的代码可以看出,虽然密码和确认密码字符串匹配,但验证器仍然将确认密码字段标记为有错误。我不明白为什么会这样,但我们将不胜感激。
javascript - 我可以关闭字段值的自动重置吗?
我在我的项目中使用 VeeValidate 和 vuex。我对用作数组长度设置器的简单输入字段有疑问。默认长度 = 3。它看起来像这样:
我想要做的是在模糊时对数组进行更改,但在输入时验证字段。现在,当我在此字段中键入 51(值太大)时,v-validate 将其更改为 3(默认值)。在这种情况下,我想要实现的是 v-validate 在用户输入 51(输入)时显示错误,但保持值 = 51 直到模糊。
v-validate 是否可以限制其仅显示错误的作用(即,如果输入无效,则不将字段值设置为默认值)?
javascript - 将 vee-validate / HTML 属性添加到插槽中的输入元素
在我的应用程序中,我有很多表单,大多数输入看起来完全像这样:
这会一遍又一遍地重复。唯一真正改变的是字段名称和输入类型。有时它是一个选择,有时它是一个更复杂的组件,而不是简单的 HTML 组件。
我的想法是创建某种包装组件。所以我不必复制所有这些,只需使用类似的东西:
我试图以这种方式实现它,但它不起作用:
你有什么想法?问题是我无法轻松地将 mixins 和 props 传递给开槽元素/组件。
vuejs2 - 自定义 vee 验证在控制台日志中引发错误
我在 vee-validate 中遇到自定义验证问题。我有这个方法,它正在检查我的数据库中是否已经存在电子邮件,但我不断收到错误Error in callback for watcher "email": "TypeError: Cannot read property 'then' of undefined"
这是我的 HTML 代码,其中包含验证 emailAlreadyExists
这是我在创建方法中的验证
您可以在此处查看整个文件: PasteBinLink
有人可以指出我做错了什么,我不断收到这个错误吗?如果您需要任何其他信息,请告诉我,我会提供。谢谢!