将自定义错误添加到vee验证器(ErrorBag)
将自定义错误添加到vee验证器(ErrorBag)是指在使用vee-validate库进行表单验证时，可以自定义错误信息并将其添加到错误包(ErrorBag)中。
vee-validate是一个基于Vue.js的表单验证插件，它提供了一套简单易用的API来验证表单输入。在使用vee-validate进行表单验证时，可以通过自定义错误信息来提供更友好的用户提示。
要将自定义错误添加到vee验证器的错误包中，可以按照以下步骤进行操作：
- 导入所需的依赖：
import { ErrorBag } from 'vee-validate';- 创建一个新的错误包实例：
const errorBag = new ErrorBag();- 使用
add方法将自定义错误添加到错误包中：
errorBag.add('字段名称', '错误信息');其中，'字段名称'是要添加错误的表单字段的名称，'错误信息'是自定义的错误提示信息。
- 在需要显示错误信息的地方，可以通过错误包的
first方法获取第一个错误信息：
const firstError = errorBag.first('字段名称');这将返回该字段的第一个错误信息。
除了自定义错误信息，vee-validate还提供了一些内置的验证规则和错误信息。可以通过查阅vee-validate的官方文档来了解更多关于验证规则和错误信息的内容。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
- 腾讯云移动开发：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/product/mu
相关·内容
是否可以将自定义错误添加到ErrorBag中
我正在使用nuxtjs。我通过nuxt.config.js在我的插件中注册了vee-validate
但是它工作得很好。
我想在模板中使用相同的错误代码
例如：
<template>
<div v-if="errors.all().length>0">
//loop through
</div>
</template>
我正在使用axios获取用户信息。如果请求没有返回我期望的数据集。我在想我可以简单地
this.errors.push('
浏览 6提问于2019-03-28得票数 3
回答已采纳
我正在使用Vuex，并添加了vee-validate ()。我正在使用一个store对象，并且通过它的一个操作，我希望能够根据服务器响应将自定义错误添加到errors集合。是否可以访问通常用作属性的vee-validate的全局errors (ErrorBag)集合？
根据的说法，我应该能够添加到errors对象中，但是当我在我的商店对象中时，this显然是不同的。
例如：
<span id="error-message" v-if="errors.has('phone')">error message</span>
我希
浏览 0提问于2017-09-20得票数 2
1回答
我正在使用Laravel的，我发现它非常有用，并且使我的控制器更加整洁。
我的更复杂的验证部分，如果Validator失败了，应该返回到上一个页面，并使用用户的旧输入。
有时，我还必须指定一个命名错误包，这个包似乎没有内置到请求表单的选项中。
不幸的是，在表单请求验证器中，这个额外的错误函数在默认情况下并不会出现。
现在我有：
$validator = Validator::make($request->all(), [
'id' => 'required|numeric',
'name' => 'req
浏览 5提问于2017-06-06得票数 1
回答已采纳
我创建了一个自定义FormRequest，它将验证响应调查的用户发送的请求。
我定义了我的rules()方法，并重写了messages()方法来定制消息，告诉用户他们必须回答每个问题。
public function rules()
{
$client = $this->route('client');
$rules = [
'answer' => ['required','array', function($attribute, $value, $fail
浏览 0提问于2019-05-15得票数 0
回答已采纳
当我在使用的组件上运行测试时，出现了一个奇怪的错误。更奇怪的是，当我在组件this.errors 中实际使用时(甚至将console.log(this.errors)放在一起也会使其消失)，就不会发生这种情况。
测试代码：
import { mount } from '@vue/test-utils';
import { renderToString } from '@vue/server-test-utils';
import Vue from 'vue';
import VeeValidate from 'vee-validate&#
浏览 0提问于2018-07-17得票数 3
我无法在外部文件中添加规则。
如果我使用下面的代码，我得到了错误未定义的ReferenceError: required is
import Vue from 'vue'
import { ValidationObserver, ValidationProvider, extend } from 'vee-validate';
import { required } from 'vee-validate/dist/rules';
extend( 'required', required );
Vue.component(
浏览 3提问于2020-07-27得票数 1
1回答
我试图以这种方式验证一些数据：
public function update($user, array $input)
{
$v = Validator::make($input, [
'name' => ['required', 'string', 'max:255'],
'email' => ['required', 'email', 'max:255', Rule::unique
浏览 0提问于2021-06-08得票数 0
问题是，当我尝试用VeeValidate验证我的字段时，我得到了这个错误。
提交表单并成功发送数据后，会显示错误。
有谁能帮帮我吗？
vee-validate.esm.js?7bb1:305 Uncaught (in promise) Error: [vee-validate] Validating a non-existent field: "#1". Use "attach()" first.
at createError (vee-validate.esm.js?7bb1:305)
at Validator._handleFieldNotF
浏览 0提问于2021-01-26得票数 1
在@vue/cli 4.0.5应用程序中，我需要向ValidationProvider规则添加附加的URL检查。我的代码：
<ValidationProvider
name="website"
rules="{ required : true, url: {require_protocol: true} }"
v-slot="{ errors }"
>
但是得到了这个控制台错误：
不存在这样的验证器“{ required”。
用rules
rules="required : true,
浏览 3提问于2019-12-19得票数 0
回答已采纳
我正在使用FormRequests进行验证。当验证失败时，会抛出一个异常，因此我的控制器的主体将不会运行。 我在页面上有几个表单，并在顶部显示错误消息。问题是，必须一直向下滚动，这有点刺耳。 我想在URL中附加一个散列，以便HTML自动滚动到表单提交的位置。 是否可以将散列附加到验证器出错时转到的URL？
浏览 16提问于2020-10-24得票数 0
回答已采纳
我有一个相当标准的Dev-on-Homestead到生产工作流程的项目。所有人都在使用Laravel 7.2.2/Ubuntu 18.04/PHP 7.4.3 这是今天突然出现的一些表单请求。 Symfony\Component\ErrorHandler\Error\FatalError
Type of App\Http\Requests\CreateHighlight::$errorBag must be string (as in class Illuminate\Foundation\Http\FormRequest) 这是我们从5.4开始就一直使用的命名$errorBag吗？ 我将$
浏览 52提问于2020-03-23得票数 1
回答已采纳
这是我的.vue组件文件，在该文件中，我不能使用Vue.use()来安装vee-validate验证包。如文档中所述，该模块将向errors对象注入一个data对象。
但我确实得到了错误_vm.errors is undefined。我不确定我是否在正确实例化它。
另外，import Vue from 'Vue'和Vue.use(VeeValidate)是否只对这个组件“使用”vee验证？(这就是我希望它做的)。
<template>
<input class="form-control" name="name" placeho
浏览 0提问于2016-12-15得票数 4
我使用以下类来验证传入的请求：
class CreateInvoiceRequest extends FormRequest
{
public function authorize(Request $request)
{
return true;
}
public function messages()
{
return [
'name.required' => 'The name is required.',
'name.
浏览 0提问于2019-05-09得票数 0
回答已采纳
3回答
嗨，伙计们，我正在开发API，但是我需要在后端验证一些数据，在这种情况下，我们只需要一个邮递员来发送参数和头。
现在一切都很好，但是我需要在每个请求中都有更多有用的数据，Laravel默认有一个Validator ，但是我不知道如何在API端使用。
我需要将JSON中的错误消息发送给Postman。
我找到了两个选项，一个是在控制器中进行验证，但在很多代码中，另一个选项是php手工制作:请求StoreObjectPost，然后将请求导入控制器并更改存储方法的请求，您推荐哪一个，Ty！
浏览 6提问于2017-07-13得票数 1
我正在学习Vue.js，我已经成功地制作了这张登记表，它运行良好，但我在显示错误方面遇到了问题。
register.vue页面
<form @submit.prevent="RegisterUser" aria-label="Register">
<div class="form-group row">
<label for="name" class="col-md-4 col-form-label text-md-right">Name</labe
浏览 0提问于2018-08-09得票数 1
回答已采纳
因此，我有一个表单请求，它包含验证规则和一些消息。
这是我在控制器中的函数(通过vue.axios调用)
public function store(TaskFormRequest $request, TaskService $service): JsonResponse
{
$data = $request->validated();
if (!$task = $service->create($data)) {
return JsonResponse::create(['message' => __('Can\&#
浏览 0提问于2019-05-15得票数 0
回答已采纳
2回答
我有一个端点，我想发布一个批量更新请求，如下所示：
{
"resources": [
{
"id": 5,
"name": "ABC"
}
]
}
我正在尝试阻止某人更新他们不是其所有者的资源。我可以创建以下规则来防止这种情况：
'resources.*.id' => ['required', 'exists:resources,id,team_id,' . $this->team()->id]
浏览 0提问于2021-01-27得票数 0
2回答
在添加了用于异常处理的自定义视图后，我的验证消息不再返回，只有-“给定的数据未能通过验证”。 我在handler.php中添加了以下代码，并删除了原始的parent::render($request，$exception)； public function render($request, Exception $exception){
return response()->view('error', compact('exception'), 500);
} 有没有办法保留我的验证消息，并在它不是验证失败的时候显示错误视图，因为我讨厌看到默认
浏览 24提问于2019-04-10得票数 0
回答已采纳
在我的Nuxt应用程序中，我与Vue-i18n一起使用Vee-Vue v3。我知道它将使用vid进行验证，并使用setErrors函数显示错误，但在我的示例中，是来自服务器的响应，比如validation.required、validation.unique等等。我想要实现的是根据与我的自定义lang.js文件匹配的规则显示自定义错误消息。
我试图使用配置并向defaultMessages提供消息，但没有工作。
i18n.js
import Vue from 'vue'
import VueI18n from 'vue-i18n'
import messages
浏览 12提问于2022-10-21得票数 0
使用Laravel和vue设置，并希望在某些表单上使用vee-validate
我通过NPM安装，然后添加了我的app.js。
import VeeValidate from 'vee-validate'
Vue.use(VeeValidate);
也尝试过
window.VeeValidate = require('vee-validate');
Vue.use(window.VeeValidate);
在我的组件中
<div class="form-group">
<label for="exam
浏览 46提问于2019-07-31得票数 2
回答已采纳
我在一个vue应用程序中使用vee-validate来验证一个电子邮件地址输入，它工作得很好，但我注意到它验证了这个地址： ? 都是真的。 我试图保护我的网站免受XSS攻击，我偶然看到一篇文章，提到攻击者可能会使用电子邮件输入来攻击该网站。显然，如果电子邮件输入接受上述电子邮件地址，则该站点容易受到攻击。 我在fiddle上测试了一些电子邮件验证器，它们似乎都使上面的电子邮件地址无效。不幸的是，vee-validate会验证地址。(我使用的是必需的|电子邮件规则)。 这是vee-validate的错误，还是我没有正确地实现它？如果vee-validate通过电子邮件验证规则阻止XSS
浏览 32提问于2019-06-25得票数 1
4回答
我正在试验Livewire，我遇到了一种情况，即使表单已成功提交，也会显示前面的错误。
点击前保存
击中保存后
name在刀片文件customer-new.blade.php中的Html段。
<div class="form-group">
<div class="border rounded-0 px-1">
<label class="mb-0" for="name">Name</label>
<input wir
浏览 8提问于2020-03-22得票数 7
我已经创建了一个自定义FormRequest来验证与具有属性的特定产品相关的请求。当然，其中一条规则是products数据库中存在请求product字段。 然而，我有一个更复杂的规则，必须在之后进行检查。我使用withValidator方法检查此规则，然后执行以下操作： $validator->after(function ($validator) {
// check the extra rule
...
}); (这并不是特别重要，但这条规则是检查给定用户选择的属性，如颜色和大小，这是否对应于属于产品的唯一sku ) 那么如何导致验证失败呢？ 另一个要求是，当验证失
浏览 26提问于2020-08-05得票数 2
1回答
我很难找到只在提交时触发错误的表单验证。我不想显示内联错误的主要原因是，本文暗示内联错误提供的用户体验比在提交时提供错误消息更糟糕：
即使vee验证3文档声明在提交之前进行验证是“必须”：
不幸的是，这篇文章涵盖了vee-验证2而不是3：
这篇文章讨论了如何在提交时捕获错误，但是我不明白如何在提交之前禁用错误：
Vee-验证2对此有一些明确的说明，但我似乎无法在Vee-验证3文档：中找到它。
我正在使用Vuetify和Nuxt，并在我的插件中注册了vee验证：
import { extend } from "vee-validate";
import { required
浏览 2提问于2020-10-26得票数 1
我试图向自定义请求中添加一个failedValidation()函数。我在谷歌上搜索了一些我认为是更老的Laravel版本的示例(我使用的是9.15版本)，但是当我试图添加它时，它会出现错误：
Declaration of App\Http\Requests\BasketRequest::failedValidation() must be compatible with Illuminate\Foundation\Http\FormRequest::failedValidation(Illuminate\Contracts\Validation\Validator $validator)
奇
浏览 5提问于2022-09-24得票数 0
回答已采纳
1回答
我有以下自定义验证程序，它在传递到我的输入时工作得很好，如下所示：
<select id="salesOwnerIdInput" v-model="currentCompany.salesOwnerId" name="salesOwnerId"
v-validate.immediate="{ 'required': salesOwnerRequired, 'contains': !userHasPlanAccess }"
:class="{'fo
浏览 5提问于2022-08-05得票数 0
当没有填充带有"cpf“规则的输入时，我想更改错误消息(换句话说，当带有”cpf“规则的输入不满足”必需“规则时)。
我认为带有自定义消息的“字典方法”应该可以完成这项工作，但我无法让它工作。
使用下面的代码，显示的错误消息只是“必需”字段的默认pt_br消息。我想在下面的字典dict中显示消息(“ preencher o cpf")
在我的main.js中，我有以下代码：
import Vue from 'vue';
import App from './App.vue';
import './core/extensions';
浏览 6提问于2019-03-01得票数 1
回答已采纳
我想清除所有的错误从vee-验证在一个签出方法，下面的代码似乎不工作，错误的形式仍在显示，为什么？
sign_out: function (e) {
console.log('sign me out')
var self = this
firebase.auth().signOut().then(function () {
console.log('sign out!')
self.info.email = ''
self.errors.clear() // cle
浏览 17提问于2017-03-07得票数 20
回答已采纳
我正在尝试将来自vee-validate的错误消息设置为来自API的错误消息。
<div class="col-md-12">
<label for="company-contact-name" class="label-input">Company Contact Name</label>
<input v-validate="validations.user.name" v-model="data.user.name" id="company-conta
浏览 14提问于2018-07-31得票数 1
如果验证失败，我有两种情况
one当我显示一个新的错误页面(这是以前在应用程序中是这样做的)时，我有一个表单，我用输入(我的问题)重定向。
该应用程序在异常处理程序中捕获ValidationException --因此，如果请求失败，就不会出现带有错误的回退。现在，我需要返回到带有错误的输入--从请求类返回，然后再抛出标准的ValidationException。
我如何从请求类中做到这一点？
代码是非常基本的。
我有一些规矩..。
我想我需要一个像-validationFailed()这样的钩子。在请求课上？
编辑：-非API -常规单块PHP
<?php
namespace App
浏览 3提问于2022-04-01得票数 0
1回答
我尝试创建自己的验证器(ctrlCapcha :UserControl)，我想使用验证器，它会在ValidationSummary控件上显示验证器错误。
起初，我试图通过继承BaseValidator类来创建验证器，但我无法将其绑定到我的aspx文件中(<%@注册%>不起作用)
第二次我尝试使用CustomValidator，但是当我修复我的capcha控件的ID时，asp.net给我一个错误：“无法验证由'ctrlCapcha‘的ControlToValidate属性引用的控件'cusValCapcha’”。(I服务事件"OnServerValidate&
浏览 2提问于2012-02-08得票数 2
回答已采纳
如果在vuejs3应用程序中有一种使用vee验证和yup来显示自定义错误消息的方法？我使用占位符选择输入输入：
<Field
name="published"
as="select"
class="form-control editable_field"
v-model="formSelectionPublished">
<op
浏览 2提问于2020-11-19得票数 0
回答已采纳
1回答
在哪里使用此代码中的限制？
、、、、
在这个控制器中，我将一个图像上传到数据库，但是如何使用这个限制呢？我一定要用Validator吗？看上去怎么样？
这是我的第一个项目，我开始使用laravel框架作为我的学位。
namespace App\Http\Controllers\Autqwdh;
浏览 0提问于2019-05-12得票数 2
回答已采纳
我试图使用ValidationObserver创建一个使用vee验证3.0的小提琴，但我遇到了一个问题，就是试图添加行：
import {ValidationObserver, ValidationProvider, extend} from 'vee-validate'
import {required, email, url} from 'vee-validate/dist/rules'
控制台出错了：
Uncaught SyntaxError: Cannot use import statement outside a module
这是用错误保存的：
怎
浏览 1提问于2019-12-21得票数 0
回答已采纳
1回答
我目前使用vee-validate检查我的输入，在本例中，我需要您检查两件事，首先是已经添加的函数，值的长度应该在length: 2示例中是完美的，但是现在我需要检查输入的值没有重复。
目前，我在后端保存了已经报告的所有ID，我需要验证此人写入的ID不是!==，也不是数组idPayExist中存在的任何ID。
我不知道如何关联v模型或告诉vee-validate ok与此matris相比，我感谢您的帮助。
万事如意，万事如意。
Vue.config.productionTip = false;
Vue.use(VeeValidate);
new Vue({
el: "#ap
浏览 2提问于2018-11-30得票数 0
下面有服务器验证：
$this->validate([
'first_name' => ['required','min:2','max:30',new PersonNameRule],
'last_name' => ['required','min:2','max:30',new PersonNameRule],
'username' => ['required','confir
浏览 1提问于2020-04-29得票数 0
回答已采纳
我正在使用与C#中的一个COM接口在同一命名空间中声明的枚举。
当我在Hyper Vee的函数和对象浏览器中查看枚举时，枚举列在COM接口下面，但其中的所有常量都将枚举名称作为前缀添加到枚举中。
示例：
Enum = enumName
Const = enumName_constantName
其中我希望Const仅等于constantName。
我以前没有在VEE中看到过这种情况，有人知道为什么会这样吗？我在C#代码中声明了什么错误吗？
public enum EnumName
{
constantName1,
constantName2
};
public interf
浏览 2提问于2012-02-20得票数 0
回答已采纳
当我关闭包含使用vue.js验证的"update“表单的引导模式(引导-vue)时，我会得到这个错误。
main.js:477686 Uncaught (in promise) Error: [vee-validate] Validating a non-existent field: "#35". Use "attach()" first.
它发生在所有有形式的模态上，所以对导致它的任何一种形式都没有什么独特之处。我只是好奇为什么在引导modals关闭时，在更新表单时会出现相同的错误。如果这重要的话，我使用的是验证v2。
浏览 2提问于2020-05-20得票数 0
回答已采纳
在vuejs3下，我使用命令安装vee-验证。
yarn add vee-validate@next
在成功的时候，我运行服务器并在
$ yarn run serve
yarn run v1.22.5
$ vue-cli-service serve
INFO Starting development server...
98% after emitting CopyPlugin
ERROR Failed to compile with 1 errors
浏览 2提问于2020-11-03得票数 1
回答已采纳
在Laravel 5.1项目中
我将此Ajax响应作为错误进行处理
{
"success":false,
"errors":{
"drugs_power":["The drugs power field is required."]
}
}
我需要一个像这样的错误验证
我可以通过laravel验证器通过这个代码(从Controller返回)来实现它，
$this->validate($request, [
'drugs_name' =&
浏览 1提问于2016-03-28得票数 5
我有一个通配符day的GET路径。
这一天通配符是一个字符串，如: 20220507 (YYYYMMDD)。
在验证字符串之后，我希望做出适当的响应。在发送响应之前，我想验证字符串长度和格式。
我的问题是，是否可以使用Illuminate\Foundation\Http\FormRequest ou Illuminate\Http\Request make:request验证字符串？或者他们只收到邮件请求？
代码：
php artisan make:request CalendarDayRequest
web.php中的示例获取路由
Route::get('/calendar/{day
浏览 8提问于2022-05-07得票数 0
我有一个从IValidateableObject派生的视图模型类，我正在使用ValidationContext验证方法从我的控制器中评估它。
我希望能够对ObjectInstance中视图模型类本身的属性进行测试。我可能可以将这些东西添加到模型中，然后一切都会很容易，但我并不觉得这些东西真的属于视图模型类，因为它们更多地是关于该对象的当前状态的。
我想知道ValidationContext中的项目集合是否适合存储这样的东西.唯一的问题是，我似乎找不到一个资源来解释我将如何向字典中添加内容。
这有意义吗？在检查对象的ValidationContext.Items之前，有人能给出如何填充Model
浏览 2提问于2013-06-27得票数 2
1回答
我使用webpack和实例VeeValidate的方式如下：
import VeeValidate from 'vee-validate';
Vue.use(VeeValidate, {
// This is the default
inject: true,
// Important to name this something other than 'fields'
fieldsBagName: 'veeFields'
});
我有一个vuejs组件为用户创建订阅电子邮件。问题是，当我使用$validator.
浏览 1提问于2019-03-15得票数 0
我正在尝试验证自定义功能组件的值，但是vee-验证似乎忽略了它。字段不会出现在字段列表中，也不会出现在错误列表中。
职能部分(简化)：
const noop = () => {};
export const TextField = {
name: 'TextField',
functional: true,
props: {
value: {},
name: {}
},
render(h, {props, listeners}) {
let options = { rows: 5 }
options[
浏览 4提问于2020-07-08得票数 0
回答已采纳
在查看vee-validates文档时，我没有看到任何用于验证选择输入的内容。所以我的问题是你能验证selects吗？目前，我尝试的内容没有显示错误消息...
以下是代码
<select id="category" v-model="client.category" name="Category Type" v-validate="'required'">
<option disabled>{{option}}</option>
<option v-for="
浏览 16提问于2018-11-27得票数 5
我需要Laravel 5.1中关于如何命名MessageBag错误的帮助，让我可以检索特定表单的错误消息。
这可以在没有使用请求的控制器的存储方法中实现。
return redirect('register')
->withErrors($validator, 'login');
但我使用的是RegistrationRequest，所以我不需要验证控制器内部的任何输入，只需要在请求中设置规则即可。
我尝试了添加到我的请求中的这行代码
/**
* Format the errors from the given Valid
浏览 4提问于2015-07-06得票数 4
1回答
我已经配置了一个API Manager中的API服务，当我使用SoapUI进行测试时，它可以正常工作。从我的客户端.NET应用程序访问(仅更新绑定中的URL )，我得到以下错误。如何从.net客户端传递令牌……我不认为有针对此的syste.servicemodel配置项？
System.ServiceModel.Security.MessageSecurityException
HResult=0x80131501
Message=The HTTP request is unauthorized with client authentication scheme 'Basic&
浏览 1提问于2018-11-08得票数 0
使用VeeValidate，在移动平台上对基本表单的验证似乎存在问题。
尽管用户更正了条目，但表单仍继续报告错误。桌面浏览器没有问题。
我使用的是vue 2.6.11，vee-valid3.4.5，我正在使用Android 8和Google键盘的手机上使用Firefox进行测试。
<template>
<ValidationProvider rules="required|min:2" v-slot="v">
<input v-model="value" type="text">
浏览 6提问于2020-11-16得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
