Vue.js로 검증, 정보 일본어화

2235 단어 JavaScriptVue.js

전제 조건


사용vee-validate.
다른 것은 발리의 플러그인vue-validatorvuelidate 등이 있는데, 이번에는 Giithub의 스타들이 많고 자주 업데이트되는 vee-validate다.

릴리즈


Vue.js: 2.4.3
Vee-Validate: 2.0.0-rc.18

견본


https://jsfiddle.net/aue29bss/6/

일본어화


정보를 일본어화(현지화)하려면 로컬 파일을 읽습니다.
일본어 파일을 미리 준비했습니다.
또한 메시지 내용 자체를 맞춤형으로 제작하고자 하는 경우 다음과 같이 요소와 메시지를 추가하면 된다.
import ja from 'vee-validate/dist/locale/ja';

Vue.use(VeeValidate, {
  locale: 'ja',
  dictionary: {
    ja: {
      custom: {
        password: {
          regex: 'パスワードは半角英数字をそれぞれ1種類以上含む8文字以上100文字以下で入力してください',
        },
      },
    },
  }
});

좋은 웹페이지 즐겨찾기