[nuxt] vuetify 에서 simple-vue-validator 사용하기 > IT 기술백서

IT 기술백서

직접 알아내거나 검색하기 귀찮아서 모아 둔 것

JavaScript | [nuxt] vuetify 에서 simple-vue-validator 사용하기

본문

 /plugins/validator.js

[code]

import Vue from 'vue'

import SimpleVueValidator from 'simple-vue-validator'


SimpleVueValidator.extendTemplates({

  error: '오류가 있습니다',

  required: '필수 입력 항목입니다',

  float: '숫자(실수)만 입력해 주세요',

  integer: '숫자(정수)만 입력해 주세요',

  number: '숫자만 입력해 주세요',

  lessThan: '{0} 미만이어야 합니다',

  lessThanOrEqualTo: '{0} 이하로 입력해 주세요',

  greaterThan: '{0} 보다 큰 값을 입력해 주세요',

  greaterThanOrEqualTo: '{0} 이상으로 입력해 주세요',

  between: '{0} 과 {1} 사이값으로 입력해 주세요',

  size: '크기가 {0} 이어야 합니다',

  length: '길이가 {0} 이어야 합니다',

  minLength: '최소 {0} 글자 이상 입력해 주세요',

  maxLength: '최대 {0} 글자 이하로 입력해 주세요',

  lengthBetween: '{0}자 이상 {1}자 이하로 입력해 주세요',

  in: '{0} 값 중에 하나이어야 합니다',

  notIn: '{0} 값이 포함될 수 없습니다',

  match: '패턴이 맞지 않습니다',

  regex: '형식이 맞지 않습니다',

  digit: '숫자만 입력해 주세요',

  email: '이메일 형식이어야 합니다',

  url: 'URL 주소형식으로 입력해 주세요',

})


Vue.use(SimpleVueValidator)

[/code]

 

/nuxt.config.js

[code]

export default {

  ...

  plugins: ['~/plugins/validator'],

  ...

}

[/code] 

 

 

댓글 0개

등록된 댓글이 없습니다.

Menu