• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 자바스크립트 input 공백체크 확인 부탁드립니다.

자바스크립트 input 공백체크 확인 부탁드립니다.

6 글 보임 - 1 에서 6 까지 (총 6 중에서)
  • 글쓴이
  • #46608

    이창민
    참가자
    하기와 같이 코딩시
    email 인풋에 빈칸으로 입력 후 전송버튼을 눌러도 success.html에 입력한 메시지만 나오는데 왜 알럴트창이 안뜨는건가요ㅠㅠ
     
     
    
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="main.css" rel="stylesheet">
        <title>Document</title>
    </head>
    <body>
        <form action="success.html">
            <div class="my-3">
              <input type="text" class="form-control" id="email">
             </div>
             <div class="my-3">
               <input type="password" class="form-control">
             </div>
             <button type="submit" class="btn btn-primary" id="send">전송</button>
             <button type="button" class="btn btn-danger" id="close">닫기</button>
          </form>
       
          <script>
           // alert('ㅎㅇ')
           $('form').on('submit', function(){
            if(document.getElementById('email').value == ''){
                alert('공백임')
            }
        });
          </script>
    </body>
    </html>
    
    
    ------------------------------------밑에는 success.html 입니다
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <p>ㅎㅇ</p>
        
    </body>
    </html>
     
    #46630

    codingapple
    키 마스터
    폼이 전송되면 페이지 이동부터해서 그런듯요 나중에 배울 e.preventDefault() 이런거 쓰면 전송막을 수 있습니다
    #101930

    요미원이
    참가자
    감사합니다!
    #102134

    이창민
    참가자
    화이팅 입니다
    예전 질문인데 알림떠서 들어왔네욤
    #127750

    이종영
    참가자
    이젠 고수신가요? 저는 오늘부터 수강시작입니당 캬캬 힘좀 주세요
    
    #128941

    이창민
    참가자
    키야 이제는 백엔드 서버 구축하고 성능향상까지 만지작거리고있습니다욧! 화이또
6 글 보임 - 1 에서 6 까지 (총 6 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠