[JS] setTimeout(), 정규식

JeongChaeJin·2022년 7월 18일
0

JavaScriptStudy

목록 보기
7/22

setTimeout()

  • setTimeout(callback, ms)

inlcude()

'abc'.includes('ab')
<< true

정규식

/a/.test('검사할문자')
  • /정규식/
  • [a-z] : a-z 중 아무나 1개
  • [A-Z] : 대문자 A-Z 중 아무나 1개
  • [a-zA-Z] : 모든 영어 문자
  • [ㄱ-ㅎ가-핳] : 자음 검사
  • [0-9] : 아무 숫자
  • \$ : 아무 문자
    • ^a : a로 시작
    • a$ : a로 끝
  • a|b : a or b

이메일 형식 검사

  • \S@\S.\S
    • \S아무글자 한글자
    <div class="black-bg">
        <div class="white-bg">
            <h4>로그인하세요.</h4>
            
            <form action="success.html">
                <div class="my-3">
                  <input type="text" class="form-control" id="id">
                 </div>
                 <div class="my-3">
                   <input type="password" class="form-control" id="password">
                 </div>
                 <button type="submit" class="btn btn-primary" id="send">전송</button>
                 <button type="button" class="btn btn-danger" id="close">닫기</button>
              </form> 
        </div>
    </div>

    <script>
        $("form").on("submit", function(e){
            if ($("#id").val().trim() == "") {
                alert("아이디를 입력해주세요");
                e.preventDefault();
            } else if ($("#password").val().trim() == "") {
                alert("비밀번호를 입력해주세요");
                e.preventDefault();
            } else if ($("#password").val().length < 6) {
                alert("비밀번호를 여섯 자리 이상");
                e.preventDefault();
            } else if (!(/\S+@\S+\.\S+/.test($("#id").val()))) {
                console.log("읭?")
                alert("이메일 형식안맞음");
                e.preventDefault();
            }
        })
    </script>
  • 해당 form에 대한 submit callback을 정규 표현식으로 처리할 수도 있다.
profile
OnePunchLotto

0개의 댓글