inflearn logo
강의

講義

知識共有

Vue.js 完全マスター - 実務に必要なすべて

ユーザーフォーム検証ガイド

사용자 폼 유효성 검사에서 에러

解決済みの質問

2500

shoo7830

投稿した質問数 2

1

안녕하세요.

https://stackoverflow.com/questions/46155/how-to-validate-an-email-address-in-javascript

위의 링크의 정규표현식을 긁어서 붙이면 아래와 같이 에러가 뜹니다.

 ERROR  Failed to compile with 1 errors                                             9:02:31 PM

 error  in ./src/utils/validation.js

Module Error (from ./node_modules/eslint-loader/index.js):

error: Unnecessary escape character: \[ (no-useless-escape) at src/utils/validation.js:2:22:

  1 | function validateEmail(email) {

> 2 |   var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}

\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

    |                      ^

  3 |   return re.test(String(email).toLowerCase());

  4 | }

  5 | 

error: Unnecessary escape character: \[ (no-useless-escape) at src/utils/validation.js:2:47:

  1 | function validateEmail(email) {

> 2 |   var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}

\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

    |                                               ^

  3 |   return re.test(String(email).toLowerCase());

  4 | }

  5 | 

2 errors found.

 @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/LoginForm.vue?vue&type=script&lang=js& 19:0-51 30:13-26

 @ ./src/components/LoginForm.vue?vue&type=script&lang=js&

 @ ./src/components/LoginForm.vue

 @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/LoginPage.vue?vue&type=script&lang=js&

 @ ./src/views/LoginPage.vue?vue&type=script&lang=js&

 @ ./src/views/LoginPage.vue

 @ ./src/routes/index.js

 @ ./src/main.js

 @ multi (webpack)-dev-server/client?http://192.168.219.108:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

javascript vuex vuejs

回答 3

2

shoo7830

메인 페이지 개발을 위한 브랜치 안내 및 코드 정리를 보고 해결하였습니다.

0

sususuz16590

해결못하였는데.. 도움이필요합니다..

0

ljy851

ESLint에 의한 에러같아요.

정규표현식이 올바르게 입력됐다는 걸 가정하에 ESLint가 에러로 잡지 않게 만들면 됩니다.

ESLint가 에러로 잡지 않도록 변수로 지정한 정규표현식 윗 줄에

// eslint-disable-next-line

을 넣으면 에러로 처리되지 않고 실행됩니다.

 

방금 알게됐는데 아래 강의에 나와있어요.

다다다음 강의 "메인 페이지 개발을 위한 브랜치 안내 및 코드 정리" 확인하세요.

 

0

captain

아 네 인숙님 잘하셨어요 :) 제가 좀 더 꼼꼼히 터미널 에러를 확인하면서 강의를 진행했어야 했는데, 기능 구현 위주로만 강의 내용을 전달하다보니 세심하게 신경을 못썼네요.. :) 스택 오버 플로우에서 가져온 유효성 검사 코드에서 불필요한 코드가 있었던 것이니 참고하셔서 진행하시면 될 것 같습니다 :)

node 10버전 사용

0

64

1

강의에 대해 질문 드립니다.

0

60

1

vue CLI 대신 vite를 사용해도

1

139

2

질문삭제

0

149

2

강사님 코드로 진행할 경우 console.log( config); 도 안찍혔어요. instance 를 생성해서 공통으로 사용하셨는데 loginUser 에만 커스텀한 instance를 넣으니 콘솔에 컨피그 객체가 찍혀요

0

91

1

로그인 에러발생만하면 네트워크 커넥션 에러 발생 해결

0

117

1

rndrmagkqslek.

0

73

1

계속 따라하다가 안돼서 bash에 연결할떄 안되더라구요

0

104

1

axios 에러가 뜹니다.

1

237

2

vue3로 진행하시면서 router에서 '*' 적용이 안되시는 분들

2

311

1

vue 관련 다른 강의 출시예정이없으신지 궁금합니다!

1

154

1

AppHeader.vue에 vue 디폴트 만들에 Delete `␍` 오류나면

1

195

1

vue3로 따라오시다가 import axios 에러 뜨시는 분들

2

445

2

$router 를 이용한 메인 페이지로 이동

1

289

1

혹시 node.js 10.24 버전으로 해도 상관없나요?

2

461

2

에러 경로가 LoginForm.vue 43번째줄 말고 다른 경로로 출력됩니다.

1

297

2

pinia 사용할려고 하는데 에러가 나옵니다.

1

486

2

swagger ui의 post/posts에 글 기록하려고 하면 unauthorized 에러가 납니다..

1

1102

2

safari 개발자 도구에 대한 질문입니다

1

568

2

스웨거에 글 등록시 401 에러가 나와요 ㅠ

1

722

2

이 에러 때문에 진행이 안되네요 ㅠ

1

673

1

windows .nvmrc nvm use 실행 오류

1

1546

2

강사님 최신화가 필요해보입니다.

2

959

2

npm i 에러

1

610

1