管道格式校验pipe

管道格式校验

都是要配合这个东西的/ 在字段中使用
@IsString()
@IsNumber()@Optional()

依赖

npm i --save class-validator class-transformer

app.useGlobalPipes(new ValidationPipe(//参数说明
{
whitelist:true, //  返回的时候 会自动过滤掉不属于规定的格式
transform; true, // 可以进行类型转换 
forbidNonWhitelisted:true  // 开启之后请求中的参数如果与 规定的不一样(多了或者少了直接badrequest)
}
));


可以在整个模块、controller、单个方法、方法参数 使用usePipe(ValidationPipe)

整个模块

@Module({
  imports:[TypeOrmModule.forFeature([User,Follower]),ConfigModule.forFeature(userConfig)],
  controllers: [UserController],
  providers: [UserService,{
    provide:APP_PIPE,
    useClass:ValidationPipe
  }],
  exports:[UserService] 
})
export class UserModule {}

在controller中使用

@UsePipes(ValidationPipe)
@Controller('user')
export class UserController {----}

直接在方法上使用

  @Post()
  @UsePipes(ValidationPipe)
  create(@Body() createUserDto: CreateUserDto) {
    return this.userService.create(createUserDto);
  }

在参数中使用

  create(@Body(ValidationPipe) createUserDto: CreateUserDto)

自定义pipe

import { ArgumentMetadata, BadRequestException, Injectable, PipeTransform } from '@nestjs/common';

@Injectable()
export class ParseIntPipe implements PipeTransform {
  transform(value: string, metadata: ArgumentMetadata) {
    const val = parseInt(value,10)
    if(isNaN(val)){
      throw new BadRequestException(`${value} is not a number`)
    }
    return val;
  }
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Bootstrap 可以使用 `bootstrap-datepicker` 插件来进行日期格式校验。具体步骤如下: 1. 引入 bootstrap 和 bootstrap-datepicker 的 CSS 和 JS 文件。 ```html <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap/4.5.0/js/bootstrap.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script> ``` 2. 在 HTML 中添加日期选择器,并设置日期格式校验规则。 ```html <input type="text" id="datepicker" data-provide="datepicker" data-date-format="yyyy-mm-dd" required> ``` 在这个示例中,我们使用了 `data-provide` 和 `data-date-format` 属性来设置日期选择器和日期格式。同时,我们还添加了 `required` 属性来设置日期为必填项。 3. 使用 JavaScript 初始化日期选择器,并添加校验规则。 ```javascript $(document).ready(function() { $('#datepicker').datepicker({ format: 'yyyy-mm-dd', startDate: '-3d', endDate: '+3d', autoclose: true, todayHighlight: true }); }); ``` 在这个示例中,我们使用了 `datepicker()` 方法来初始化日期选择器,并添加了一些校验规则,如 `startDate` 和 `endDate` 来限制可选日期的范围,`autoclose` 来自动关闭日期选择器,`todayHighlight` 来设置今天日期高亮显示。 这样就可以使用 bootstrap-datepicker 插件来进行日期格式校验了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值