Vee-验证3.0使用vue-18n和TS配置defaultMessage
Vee-验证3.0是一个基于Vue.js的表单验证插件，它使用了vue-i18n和TypeScript来配置defaultMessage。
- Vee-验证3.0概念： Vee-验证3.0是一个用于表单验证的插件，它可以帮助开发者轻松地对表单进行验证，确保用户输入的数据符合预期的格式和要求。
- Vee-验证3.0分类： Vee-验证3.0属于前端开发领域的表单验证插件。
- Vee-验证3.0优势：
- 简单易用：Vee-验证3.0提供了简洁的API和丰富的验证规则，使开发者能够快速实现表单验证功能。
- 多语言支持：通过集成vue-i18n，Vee-验证3.0可以轻松地实现多语言的表单验证提示信息。
- TypeScript支持：Vee-验证3.0使用TypeScript进行配置，提供了更好的类型检查和代码提示，增强了代码的可维护性和可读性。
- Vee-验证3.0应用场景： Vee-验证3.0适用于任何需要对用户输入进行验证的场景，例如注册表单、登录表单、数据编辑表单等。
- 推荐的腾讯云相关产品和产品介绍链接地址：
请注意，以上推荐的腾讯云产品仅作为示例，实际选择产品时应根据具体需求进行评估和选择。
相关·内容
我正在尝试定义TS中的，defaultMessage。我在，vee-validate.js文件中看到过以下代码：
configure({
defaultMessage: (field, values) => {
// override the field name.
values._field_ = i18n.t(`fields.${field}`);
return i18n.t(`validation.${values._rule_}`, values);
}
});
我尝试在TS中转换
const dm: string | ValidationMes
浏览 28提问于2019-11-06得票数 1
我想在Nest.js验证文件的mimetype。可是，我不会呀。
@UseInterceptors(FileInterceptor('image'))
@Post('upload_profile_photo')
async uploadProfilePhoto(@UploadedFile() image: UploadImageDto) {
return image;
}
UploadImageDto.ts
import { IsImageFile } from '../validators/IsImageFile';
浏览 16提问于2022-06-22得票数 1
我正在尝试将一个项目从JavaScript迁移到TypeScript。我正在尝试使用以下代码。
// CustomError.ts
class ErrorType {
defaultMessage: string;
errorName: string;
constructor(defaultMessage: string, errorName: string) {
this.defaultMessage = defaultMessage;
this.errorName = errorName;
}
errorConst
浏览 2提问于2020-04-08得票数 1
回答已采纳
我正在使用Spring来构建我的REST api。我的一个方法是用@Valid来装饰。这将生成如下所示的JSON：
{
"timestamp": "2019-11-04T19:07:08.387+0000",
"status": 400,
"error": "Bad Request",
"errors": [
{
"codes": [
"NotNull.customer.firstName",
浏览 0提问于2019-11-05得票数 0
2回答
Spring验证错误的文档
、、、、
Spring和als总是提供非常有用的默认值来处理验证错误。但有时看起来很难对其进行自定义。在我的例子中，我有一个自定义验证，它使用javascript函数来验证域对象中的字段。默认验证错误生成4个消息代码，分别使用对象名称、字段名称、字段类型和验证类型。到目前一切尚好。但我想添加一个额外的代码，其中包含作为组件的js-function的名称。我怎么能这么做呢？
或者更笼统地说，我的问题是:我在哪里可以找到关于Spring构建默认错误消息的方法的文档，以及如何处理它们。
在我的例子中，我得到如下输出：
{
"timestamp": 1457092927829,
"
浏览 2提问于2016-03-04得票数 1
我正在运行Restful服务作为独立应用程序使用泽西岛。
下面是我的服务类，可以根据要求提供服务。
LoginServiceImpl.java
@Component
public class LoginServiceImpl implements LoginService {
@Value("${login.service.defaultmessage}")
private String defaultMessage;
@Autowired
private EmLoginDAO emLoginDAO;
@Override
public String defaultCall
浏览 1提问于2015-07-03得票数 1
回答已采纳
我有一个组件，用于注册用户的“出生日期”。该组件由3种不同的输入构建，用于日期、月份和年份。
截图中的例子
我需要做的是在用户输入错误日期时显示一个错误，例如，我可以写31 - Feb - 3000，当我按下提交勾选时，我应该看到一个红色框，在日期和年份上都有一个文本，上面写着无效日期/无效年份。
我想达到的目标的例子
我不知道如何在第一次做这样的组件时就这样做，需要帮助。
我分享了这3个字段的部分组件，如果需要的话，我可以根据我将收到的评论发送更多细节。
<EditableDetailTemplate
onStartEditing={() => {
浏览 14提问于2022-08-07得票数 0
我有一个用户实体，我想将age验证为Integer，但是如果我将输入年龄输入为字符串，比如"dawdawdawdawdawdawdawdwa“。我从bindingResult那里得到了一个错误
[
{
"codes": [
"typeMismatch.user.age",
"typeMismatch.age",
"typeMismatch.java.lang.Integer",
"typeMismatch"
],
浏览 0提问于2018-12-11得票数 0
1回答
如何使用MDM自动启动应用程序？
、、、、
我在我的项目中实现了一个和一个CustomApp API。因为我有完整的设备控制"managementMode": "DEVICE_OWNER"。有办法在应用策略之后自动启动应用程序吗？
我的政策是：
{
"applications": [
{
"packageName": "com.xxx.kiosk",
"installType": "FORCE_INSTALLED",
"defaultPermissionPolicy
浏览 0提问于2020-03-27得票数 1
目前，我有一个spring引导应用程序，为了验证POJO，我使用的是javax validator.We，在应用程序中有rest。
我的问题是：如何才能为同一类型的单独字段提供单独的错误消息。
解释示例：在引用下面的示例代码时:如果不存在1.name，则有一个单独的错误消息(ERROR1)，如果不存在2.name，则另有一个错误消息(ERROR2)
我的POJO与javax验证器注释类似：
public class A{
@NotNull
private String name;
@NotNull
private String age;
//..getters and setters
浏览 1提问于2017-11-01得票数 4
我试图解析一堆javascript文件并提取某些对象。该文件的一个示例是：
import { foo } from "blah";
import { bar, baz } from "../module";
const myobject = {
name: NAME,
title: {
name: `${NAME}.title`,
defaultMessage: "title",
},
description: {
name: `${NAME}.descriptio
浏览 1提问于2020-04-15得票数 1
我有以下API定义：
@ResponseBody
@PostMapping(path = "/configureSection")
public ResponseEntity<ResultData> configureSegment(@RequestParam() String Section,
@RequestBody SectionConfig sectionConfig);
public class SegmentConfig {
@JsonP
浏览 3提问于2020-05-06得票数 0
回答已采纳
在nestjs中，为了验证startDate和endDate的查询参数
1、sartDate必须在endDate之前，此处是自定义验证器
@ValidatorConstraint({ name: 'isBefore', async: false })
export class IsBeforeConstraint implements ValidatorConstraintInterface {
validate(propertyValue: string, args: ValidationArguments) {
console.log('check is
浏览 24提问于2020-05-23得票数 0
2回答
有这样一个实体：
import { UniqueOrganizationPrincipal } from './constraints/unique-organization-principal';
import { Role } from './role.entity';
@Entity()
export class UserOrganization {
@ManyToOne(type => Role, role => role.userOrganizations, { nullable: false, eager: true })
@U
浏览 18提问于2019-04-28得票数 0
回答已采纳
我想验证一些如下所示的文件：
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:context="http://www.springframework.org/schema/context"
xsi:schemaLocation="http://www.springframework.org/schema/beans http://ww
浏览 2提问于2011-11-11得票数 0
回答已采纳
我的用户模块的端到端测试有问题.当用户在companyCode中发出GET请求并在查询params中发送这段代码时，我想验证是否存在“/users”。如果存在此公司代码，则此验证器将搜索数据库，如果不存在，则返回错误。问题是，在测试中，这个验证没有发生，因为"companiesService“返回未定义的(仅在测试中)，缺少什么？
可能的解决方案:与useContainer(class-validator).相关的东西
谢谢。
users.e2e-spec.ts
describe('UsersController (e2e)', () => {
let ap
浏览 4提问于2021-07-14得票数 0
我试图在春季使用MessageSource注入文本信息。我编写的程序编译得很好，但它总是打印出默认消息，而不是从.properties文件中获取正确的值。我一点线索都没有。
下面是试图注入文本的循环类：
@Component
public class Circle implements Shape {
@Resource
private Point center;
@Autowired
private MessageSource messageSource;
public MessageSource
浏览 2提问于2012-11-08得票数 5
我正在试图找到代码转换的资产的大小，但是我发现.ts文件的大小与ffmpeg创建的mpegts输出文件的总和不匹配。
例如：
如果源为5Mb，我将得到以下输出
/ffmpeg -y -i big_buck_bunny_720p_5mb.mp4 -s 854x480 -ss 0 -vcodec libx264 -level:v 3.0 -profile:v baseline -f mpegts -async 2 -acodec libmp3lame -ar 44100 -r 24.00 -b:v 703k -maxrate 703k -bufsize 703k -r 24.00 -b:a 96
浏览 0提问于2017-06-09得票数 0
回答已采纳
我相当熟悉Java和Eclipse，我想我应该了解Spring以及如何在没有XML的情况下配置Spring。现在，当我尝试跑步时，我得到了异常。
May 28, 2012 8:08:33 AM org.springframework.context.support.AbstractApplicationContext prepareRefresh
INFO: Refreshing org.springframework.context.annotation.AnnotationConfigApplicationContext@173e55db: startup date [Mon May 28
浏览 7提问于2012-05-28得票数 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
回答已采纳
目前，在使用babel-plugin-react-intl时，每个组件都使用“id”、“description”和“defaultMessage”创建单独的json。我需要的是只创建一个json，它包含一个对象，所有'id‘作为'key’，'defaultMessage‘作为’值‘。
现状：
ComponentA.json
[
{
"id": "addEmoticonA",
"description": "Add emoticon",
"defaultMessage
浏览 4提问于2016-05-17得票数 5
回答已采纳
我正在尝试使用JSR-303 Bean Validation API和Spring's Validator的组合为spring引导端点实现一些自定义验证逻辑。
基于Validator类图，似乎可以扩展CustomValidatorBean、SpringValidatorAdapter或LocalValidatorFactoryBean之一，以便将一些自定义验证逻辑添加到重写的方法validate(Object target, Errors errors)中。
。
但是，如果我创建一个验证器来扩展这三个类中的任何一个并使用@InitBinder注册它，那么它的validate(Ob
浏览 4提问于2016-08-17得票数 10
回答已采纳
尝试为基于feature名称的模式获取一些数据。功能本身是一个来自API的字符串。messages对象用于翻译其他国家/地区的字符串。 import { defineMessages } from 'react-intl';
messages = defineMessages({
userLimitsHeading: {
defaultMessage: 'User limits',
},
userLimitsSubheading: {
defaultMessage: 'Get the flexibility to grow
浏览 344提问于2021-01-19得票数 0
回答已采纳
我需要添加链接到我需要翻译的文本。我怎样才能使用有链接的formatMessages？
现在这就是我想要做的：
const messages = defineMessages({
copy: {
id: 'checkout.OrderReview.copy',
description: 'Label for add card button',
defaultMessage: 'By clicking the "Place Order" button, you confirm that you have read
浏览 1提问于2016-12-14得票数 8
如果我想验证role，那么哪个用户发布到api来创建If is unique of relation enterprise
@Injectable({ scope: Scope.REQUEST })
@ValidatorConstraint({ name: 'Ddd', async: true })
export class IsUnqiueForEnterpriseConstraint implements ValidatorConstraintInterface {
constructor(@Inject(REQUEST) private request: Requ
浏览 6提问于2020-10-13得票数 9
所有人。我正在一个Vue 3项目中工作，并使用v4 Vue v4。我有这样的表格
<template>
<div>
<VForm
v-slot="{ meta }"
ref="form"
>
<VField
v-slot="{ field, errors: nameErrors }"
name="name"
rules="required|min:6"
>
浏览 11提问于2022-07-20得票数 0
回答已采纳
这是一个关于节俭的新手问题，如果其他人正在尝试从thriftIDL生成下面的java类。我看到它只支持指定的32位非负整数值。这是因为在其他语言中缺乏对以下枚举类型的支持吗？我没有看到这种类型是否可以在thrift IDL中完成。
public enum ExceptionTypes {
ERROR_THIS("APP_EXP_001","Some message"), ERROR_THAT(...etc
private String errorCode;
private String defaultMessage;
浏览 0提问于2011-07-01得票数 1
回答已采纳
我有几个合并的每日动物园时间序列(假设合并集的名称是'test')，它们以下列格式出现：
>test
TS1 TS2 TS3
2014-07-30 2.0 3.0 4.0
2014-07-31 2.5 3.0 4.5
2014-08-01 3.0 3.0 5.0
我想以几种方式聚合/操作时间序列。然而，最简单的平均或总结是逃避我。我尝试了以下几点：
ts <- apply.daily(as.xts(test),mean)
我原以为这会给我以下的结果：
浏览 1提问于2016-04-28得票数 1
回答已采纳
我目前有翻译成英文和日文的.json文件的格式：
{
"en": [{
"id": "Cancel",
"defaultMessage": "Cancel"
}, {
"id": "CommonTags",
"defaultMessage": "Common Tags"
}]
"ja": [{
"id": "Cancel",
"defaultMess
浏览 2提问于2019-03-05得票数 1
1回答
导入react管理中断tsc构建
、、、、
我使用react，带有类型记录。
我更喜欢使用strict类型检查。因此，当我运行tsc时，react会显示一个implicitly any错误。
即使我使用了"skipLibCheck": true，但错误还是出现了。我怎么才能修好它？
node_modules/ra-core/src/auth/useCheckAuth.ts:101:26 - error TS7006: Parameter 'error' implicitly has an 'any' type.
101 const getErrorMessage = (error, de
浏览 0提问于2020-12-09得票数 3
回答已采纳
3回答
我有一些困难，在测试一个Vee-验证确认的功能，在Vue表单上构建了Vuetify。我试图测试的组件如下所示：
<template>
<form novalidate ref="loginForm" v-model="formValid" @submit.stop.prevent="formSubmitted" @keyup.enter="formSubmitted">
<v-container grid-list-md text-xs-center>
<
浏览 1提问于2018-01-02得票数 4
回答已采纳
我已经在我的TypeORM实体字段电子邮件中设置了一个自定义的唯一验证器装饰器。NestJS有依赖注入，但服务没有注入。
错误是：
TypeError: Cannot read property 'findByEmail' of undefined
在实现自定义电子邮件验证器方面有什么帮助吗？
user.entity.ts
@Column()
@Validate(CustomEmail, {
message: "Title is too short or long!"
})
@IsEmail()
email: string;
我的CustomEmail验
浏览 6提问于2018-02-18得票数 6
回答已采纳
3回答
我对弹簧不熟悉。我试图为不同的bean调用调用init并销毁方法。
我的init方法只从"FileSystemResource“调用，为什么没有从其他人调用？
public class DefaultMessage {
private String message = "Basic Bean injecting";
public String getMessage() {
return message;
}
public void setMessage(String message) {
this.me
浏览 3提问于2013-09-18得票数 0
回答已采纳
3回答
我有一个en.json文件如下所示：
{
"doorClosing": {
"defaultMessage": "Doors closing",
"description": "Elevator doors are being closed"
},
"floorSelected": {
"defaultMessage": "Floor selected: {floorSelected}",
浏览 0提问于2020-09-29得票数 1
回答已采纳
我试着创作不同的材料-Ui和react，但是failed>
我试过了
export default compose(
withStyles(styles),
withWidth(),
)(injectIntl(NavBar));
和
export default compose(
withStyles(styles),
withWidth(),
injectIntl(),
)(NavBar);
第一种方法，我从babel得到了一个错误
TypeError: Cannot call a class as a function
_classCallCh
浏览 0提问于2019-01-30得票数 0
2回答
在下面的代码中， 我想通过将RegExp对象放在某个地方来提高性能，但我不知道如何做嵌套。 @ValidatorConstraint()
export class RegExp implements ValidatorConstraintInterface {
validate(kana: string, args: ValidationArguments) {
const str = new RegExp(/^[ァ-ヶー]+$/)
return str.test(kana)
}
defaultMessage(args: ValidationArguments)
浏览 26提问于2020-04-30得票数 1
回答已采纳
2回答
我做了服务器验证我的棱角材料形式。
我有两个问题，首先，我需要设置我的<mat-error></mat-error>，在这里我显示来自服务器响应的消息，从<mat-form-fiel>外部显示消息。
<mat-form-field>
<input formControlName="lastName"
matInput
placeholder="Last Name*"
(focusout)="lastNameError = null"
/>
浏览 5提问于2020-01-15得票数 1
回答已采纳
2回答
如何在类型中传递泛型类型？
、、、、
我正试图为Typestack验证器创建一个新的约束。"IsUnique"约束将以一个实体作为类型，并将它的列作为参数来检查该列是否存在于数据库中并且是唯一的。
我已经尝试了下面的代码，但不知怎么的，我无法通过"IsUniqueConstraint"中的验证器键将一个类型传递给registerDecorator。因为，我对打字本很陌生，所以我对它的概念不太了解。
有人能帮我知道我们怎么做吗？
is-unique.constraint.ts
import { registerDecorator, ValidatorConstraint, ValidatorConst
浏览 2提问于2019-10-08得票数 1
摘要
当我使用Webpack开发服务器加载我的应用程序时，我的消息显示得很好：\。但是，当我通过nginx将应用程序捆绑到磁盘和服务器上时，我会看到反斜杠\\的复制。
详细信息
我使用的是react-intl@2.2.3 (现在是最新的)和babel-plugin-react-intl@2.3.1 (现在是最新的)。我的目标是定义带有\字符的默认消息，并以任何方式呈现它(FormattedMessage、formatMessage等)
我正在用Webpack / Babel捆绑我的应用程序。我的webpack.config.js文件中没有Babel / react-intl特定的配置，
浏览 3提问于2017-03-16得票数 4
1回答
我有组件FromTo，它使用两个时间选择器组件，并交叉验证一个时间选择器组件(从到另一个时间选择器)(到)。对于时间选择器，应用了一个更大的验证交叉字段规则，如下所示：
extend("greater", {
params:["target"],
validate(value, {target}){
let regex = new RegExp("\d{2}:\d{2}", "g");
console.log("from is "+target); // pri
浏览 0提问于2019-12-17得票数 1
回答已采纳
1回答
我有一个特性，我想为它编写类型类。这个特征实际上是一种契约，用于进行从JSON到Case类的转换，反之亦然。特征的定义如下：
trait Converter[T] {
def convertFromJson(msg: String): Either[ConverterError, T]
def convertToJson(msg: T): String
}
现在，对于我拥有的一个case类，我已经像这样定义了实现：
object Converter extends DefaultJsonProtocol {
implicit object DefaultMes
浏览 11提问于2018-01-11得票数 1
回答已采纳
2回答
我使用play JSON库进行简单的json读写：
val dateFormat = "yyyy-MM-dd'T'HH:mm:ss.SSSZ"
implicit val jodaDateTimeReads: Reads[DateTime] = Reads[DateTime](js =>
js.validate[String].map[DateTime](dt =>
DateTime.parse(dt, DateTimeFormat.forPattern(dateFormat))
)
)
implicit
浏览 4提问于2018-01-11得票数 0
回答已采纳
遵循Android管理API参考，我们已经将Android Companion应用程序配置为在注册期间自动启动。 我们在policy配置中添加了以下信息： {
"name": "enterprises/XXX/policies/85f57716-8b02-48f2-abdf-5aeb6beef585",
"version": "1",
"applications": [
{
"packageName": "app.XXX.companionapp.test&
浏览 64提问于2019-03-08得票数 1
回答已采纳
1回答
好的。我很难理解"MyPrinter“到底是怎么回事，让我一步一步地走(如果出了什么问题，请纠正我)
创建了“敬礼”结构。
呼叫“问候”功能
2.用strgin呼叫"CreatePrinterFunction“”！！“这个函数返回一个"MyPrinter“(女巫是一个接收字符串而不返回任何内容的函数)
变量"message“和"defaultMessage”与字符串一起设置。
现在问题是，我不明白他们到底在做什么
package main
import "fmt"
type Salute struct {
n
浏览 2提问于2013-08-30得票数 2
回答已采纳
1回答
我正在使用vee验证验证多步骤表单，我想为步骤1只验证第一步字段(我已经在这个代码框中实现了它)进行逐步验证：
但是问题是我不能进入下一步，因为验证函数也在第一步中验证第二步字段。
浏览 1提问于2020-10-04得票数 0
回答已采纳
1回答
我试图为REST创建一个自定义bean验证，但由于某种原因，"required = false“验证不起作用。
当我发送没有属性callPosition的JSON时，会得到以下错误。
{
"codes": [
"ValidateString.GSMPLMNRecordModel.transit.callPosition",
"ValidateString.transit.callPosition",
"ValidateString.callPosition",
浏览 2提问于2017-11-21得票数 0
回答已采纳
我有/components/foo.js和/pages/bar.js，它们都在使用带有不同defaultMessage的<FormattedMessage />
// /components/foo.js
export default function Foo() {
return (
<FormattedMessage defaultMessage="Foo component" />
);
}
// /pages/bar.js
export default function Foo() {
return (
<Fo
浏览 11提问于2021-03-04得票数 1
回答已采纳
1回答
我正在尝试验证nestjs中的嵌套对象数组，它工作得很好。但是如果我发送像string或null这样的非数组值，那么我会得到一个错误：
TypeError: Cannot read property 'length' of undefined.
嵌套字段：
@IsArray()
@ValidateNested({ each: true })
@Type(() => NestedDTO)
nested: NestedDTO[];
如何在验证嵌套对象之前验证值是数组？
版本：
NestJS: 6.10.14
class-validator: 0.11.0
浏览 38提问于2020-02-21得票数 6
2回答
我的角7.2.15应用程序仍然处于开发模式，尽管设置了生产配置和属性。
比方说，我有以下设置：
environment.ts
export const environment = {
PRODUCTION: false
};
environment.production.ts
export const environment = {
PRODUCTION: true
};
然后，使用"ng服务“运行项目将得到以下结果：
console.log("PRODUCTION?: &#
浏览 4提问于2019-10-11得票数 1
回答已采纳
是否可以覆盖验证器的默认响应POJO？
当前，当验证失败时，一个非常大的响应返回给客户机，如下所示。但是我不希望客户端提供hibernate验证器的全部错误响应，而是发送一些有关错误消息的键值对。
{
"timestamp": "2018-05-28T18:12:56.705+0000",
"status": 400,
"error": "Bad Request",
"errors": [
{
"codes":
浏览 3提问于2018-05-28得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
