반응형 validation2 [vue2] 비밀번호 유효성 검사 연속문자 체크하기 비밀번호에 대한 요구 조건을 아래와 같이 정했다. 1. 최소 10자리 최대 16자리 2. 영문과 숫자 포함 필수 3. 공백과 특수문자는 미포함 내가 구현했던 방식은 실제 비밀번호를 입력하는 input에서 벨리데이션을 검사하고 비밀번호 확인란은 단순히 앞에 입력한 비밀번호와 일치하는지 안하는지 여부에 따져서 버튼을 활성화 시켜줬다. [invalid.js] - 정규표현식이나 유효성 모음 파일을 별도로 분리해서 사용했다. export default { pwValid: /(?=.*[a-zA-Z])(?=.*[0-9]){10,16}$/, repeatWord: ['0123456789', 'abcdefghijklmnopqrstuvwxyz','ABCDEFGHIJKLMNOPQRSTUVWXYZ'], keyboard: ['1.. 2024. 3. 25. React Hook Form 회원가입 유효성 체크 📌 React Hook Form 모듈 다운 받기 npm install react-hook-form --save useForm import하기 import { UseForm } from 'react-hook-form' register() const { register } = useForm(); {...register("email")} input 태그 안에 register 함수를 spread해서 넣어줄 수 있다 (ES6 문법) watch() const { watch } = useForm(); console.log(watch('email'))` watch() 지정된 input을 관찰하고 해당 값을 반환한다. 관찰 하려는 input 요소에 register를 등록해준다. *버전 7부터 변경됨 : ref={regi.. 2022. 10. 24. 이전 1 다음 728x90 반응형