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

home2 게시판 JavaScript, TS 게시판 폼개발로 배우는 else if, and, or 문법

폼개발로 배우는 else if, and, or 문법

  • 이 주제에는 4개 답변, 2명 참여가 있으며 Sugar4 년, 10 월 전에 전에 마지막으로 업데이트했습니다.
5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 글쓴이
  • #4297

    Sugar
    참가자

    안녕하세요. 질문드립니다.
    폼개발로 배우는 else if, and, or 문법 강의 11:44초 부분 form에 submit되었을 때로 주셨는데
    Submit버튼이 클릭 되었을 때 함수를 실행하는 방법으로는 왜 안되는건가요?

    $('form).on('submit',function(){})이 아닌 $('submit버튼')on('click',function(){});로는 왜 실행이 안되는지 궁금합니다.
    그리고 만약 안된다면 form요소로 감싸져있는 버튼을 동작하려면 반드시 form에 submit이벤트로 줘야 동작하는건가요?

    #4299

    codingapple
    키 마스터

    안되는 코드를 다 적어주셔야 정확한 판단이 가능한데

    submit 버튼을 누르면 폼전송까지도 일어나서 페이지가 새로고침되어서 그런 것 같습니다 

    submit 버튼을 누르면 폼전송을 막는 코드를 적으면 원하는대로 개발이 가능할듯합니다. 

    #4301

    Sugar
    참가자

    처음 질문한 부분은 제가 잠시 착각했었네요.

    혹시 밑에 두 방법 모두 동일한 결과가 나오는데 그럼 아무 방법으로 해도 상관없나요?
    첫 번째는 form요소에 submit이벤트가 발생할 때 함수를 실행한 코드이고
    두 번째는 버튼을 클릭시 함수를 실행한 코드입니다.
     
    // form요소에 'submit'이벤트
    $('form').on('submit',function(){
      alert("form!");
      var user_text=$('#user_text').val();
      console.log(user_text);
    })

    // #user_btn(버튼)에 'click'이벤트
    $('#user_btn').click(function(){
      alert("button!");
      var user_text=$('#user_text').val();
      console.log(user_text);
    });

    그리고 이미지 첨부 기능은 없나요? 캡쳐해서 한 번에 보여드리는게 좋을 꺼 같은데 이미지를 첨부할 수가 없네요 

    #4304

    codingapple
    키 마스터

    user_btn 버튼이 폼안에있는 type="submit" 버튼이라면

    두 코드다 클릭하면 폼전송이 되는 코드입니다 폼전송시 뭔가 실행하고싶다면 둘다 써도 상관없을 듯 합니다. 

    결국 둘다 전송되지만 두번째 코드는 버튼클릭 + 폼전송 이 두개의 이벤트가 차례로 일어나긴 하겠네요

    이미지 첨부기능은 없습니당 

    #4305

    Sugar
    참가자

    감사합니다ㅎ

5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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